@charset "utf-8";
/* CSS Document */


body {
  font-family: 'Raleway', "AvenirNextLTPro", "Helvetica", "Arial", sans-serif;
}

.mLogo{
	max-height: 50px;
	width:auto;
}

.bg-dark{
    background-color: #111111!important;
}

.desktopNav{
	color:#ffffff;
	font-size: 16.5px;
	padding-right: 1.5rem;
}

.row-centered{
	text-align:center;
}

.col-centered{
	display:inline-block;
	float:none;
}

.logo-center{
	text-align: center;
	margin-top: -8%;
}

.address{
	padding-top: 2%;
	padding-bottom: 1.5%;
}

.addressText{
	color:#000;
	font-size: 14px;
}

.storebox{
	text-align: center;
}

.bottombox{
	text-align: center;
	margin-bottom: 10%;
}

.storeLogo{
	max-width: 50%;
	max-height: 50%;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

.topLine{
	text-align:center;
	font-size: 45px;
	padding-top:2%;
	padding-left:3%;
	padding-right:3%;
	padding-bottom: 1%;
} 

.otherStoreName{
	margin-bottom: -5px;
}

h4{ 
	font-weight: bold;
}

.whyChoose{
  display: block;
  height: 450px;
  background-image: url("../images/ChooseM1.JPG");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.whyChooseMobile{
  display: block;
  height: 200px;
  width: auto;	
  background-image: url("../images/ChooseM1_mobile.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mobileChoose{
	padding-top: 3%;
	padding-bottom: 2%;
}

.photoText{
	color:#ffffff;
	margin-top: 7%;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-left: 5%;
	padding-left:5%;
	padding-right: 5%;
	position: absolute;
	background-color: #111111;
	background-color: rgba(10, 10, 10, 0.9);
	border-bottom: 3px solid #bf201a;
}

.history{
  display: block;
  height: 550px;
  background-image: url("../images/MHistory.JPG");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.roots{
	line-height: 2em;
}

.giveBack{
	text-align:center;
	padding-top:2%;
	padding-bottom: 2%;
}

.community{
	font-size: 15px;
}

.communityImg{
  margin: 0%;
  padding-left: 8%;
  padding-right: 8%;
  padding-bottom: 3%;	
}

.mFooter{
	background-color: #111111;
}

.footerText{
	color: #ffffff;
	font-size: 13px;
}

@media only screen and (min-width : 769px) {
	.mobile-buttons{
		display:none;	
	}
	.mobile-header{
		display:none;
	}
	.whyChooseMobile{
  display: none;
	}
	.mapMobile{
  display: none;
	}
	.mobileChoose{
	display: none;
}
}

@media only screen and (max-width : 1200px) {
	#stores{
		margin-right: 3%;
		margin-left: 3%;
	}
	
	.otherStoreName{
		font-size: 24px;
	}
	
	.history{
		height: 650px!important;
	}
}

/* mobile ----------- */
@media only screen and (max-width : 768px) {

	#desktop {
	display:none;
	}
	#giving {
	display:none;
  }
	#mHistory {
	display:none;
  }

  	#footerLogo {
	display:none;
  }
	#choose{
		display:none;
	}
		.desktop {
	display:none;
	}
	
	.map{
		display: none;
	}
	.mobile-buttons{
	text-align:center;
	}
	
	.mobile-header{
		padding-top:15px; 
		padding-bottom:15px;
		background-color: #111111;		
		margin-bottom:10px;
	}
	
	.mStoreHeader{
		color: #202020;
		font-size: 1.4rem;
	}

	.card{
		padding:10px 20px 10px 20px ;
		margin-bottom:10px;	
	}

	.mobile-buttons a{
		text-decoration:none;
		color:#656565;
	}

	.mobile-buttons a:hover{
		text-decoration:none;
		color:#494949;
	}
}