/*
	.fitgrd - responsive grid system
	open http://www.fitgrd.com for more information
	download at https://github.com/jayalai/fitgrd
	Licensed under GPL and MIT.
*/


* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	outline: none;
	vertical-align: top;
}

.center {
	max-width: 80em;
	margin: 0 auto;
}

.row {
	margin: .5em;
	padding: 2% 1em 0;
	overflow: hidden;
	height: 1%;
	*zoom: 1;
	min-height: 1%;
}

.clearfix {
	height:0;
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/* ======================================= 
   columns w/ margin
   ======================================= */
.fg1,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
	margin:0 2%;
	padding:0;
	float:left;
	position:relative;
}

.fg12 {
	width:96%;
}

.fg11 {
	width:87.66%;
}

.fg10 {
	width:79.33%;
}

.fg9 {
	width:71%;
}

.fg8 {
	width:62.66%;
}

.fg7 {
	width:54.33%;
}

.fg6 {
	width:46%;
}

.fg5 {
	width:37.66%;
}

.fg4 {
	width:29.33%;
}

.fg3 {
	width:21%;
}

.fg2 {
	width:12.66%;
}

.fg1 {
	width:4.33%;
}

/* ======================================= 
   push w/ columns
   ======================================= */
   
.push12 {
	margin-left:100%;
}

.push11 {
	margin-left:93.66%;
}

.push10 {
	margin-left:85.33%;
}

.push9 {
	margin-left:77%;
}

.push8 {
	margin-left:68.66%;
}

.push7 {
	margin-left:60.33%;
}

.push6 {
	margin-left:52%;
}

.push5 {
	margin-left:43.66%;
}

.push4 {
	margin-left:35.33%;
}

.push3 {
	margin-left:27%;
}

.push2 {
	margin-left:18.66%;
}

.push1 {
	margin-left:10.33%;
}

/* ======================================= 
   columns w/o margin
   ======================================= */
  
.fg-no-gutter{
	padding: 0 2.5em;
	margin-top: 0;
	margin-bottom: 0;
}  
   
.fg-no-gutter > [class*="fg"] {
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

.fg-no-gutter .fg12 {
	width:100%;
}

.fg-no-gutter .fg11 {
	width:91.66%;
}

.fg-no-gutter .fg10 {
	width:83.33%;
}

.fg-no-gutter .fg9 {
	width:75%;
}

.fg-no-gutter .fg8 {
	width:66.66%;
}

.fg-no-gutter .fg7 {
	width:58.33%;
}

.fg-no-gutter .fg6 {
	width:50%;
}

.fg-no-gutter .fg5 {
	width:41.66%;
}

.fg-no-gutter .fg4 {
	width:33.33%;
}

.fg-no-gutter .fg3 {
	width:25%;
}

.fg-no-gutter .fg2 {
	width:16.66%;
}

.fg-no-gutter .fg1 {
	width:8.33%;
}

/* ======================================= 
   push columns w/o margin
   ======================================= */
   
.fg-no-gutter .push12 {
	margin-left:100%;
}

.fg-no-gutter .push11 {
	margin-left:91.66%;
}

.fg-no-gutter .push10 {
	margin-left:83.33%;
}

.fg-no-gutter .push9 {
	margin-left:75%;
}

.fg-no-gutter .push8 {
	margin-left:66.66%;
}

.fg-no-gutter .push7 {
	margin-left:58.33%;
}

.fg-no-gutter .push6 {
	margin-left:50%;
}

.fg12 .push5 {
	margin-left:41.66%;
}

.fg-no-gutter .push4 {
	margin-left:33.33%;
}

.fg-no-gutter .push3 {
	margin-left:25%;
}

.fg-no-gutter .push2 {
	margin-left:16.66%;
}

.fg-no-gutter .push1 {
	margin-left:8.33%;
}

.fg-no-mobile{
	display: block;
}

.fg-no-desktop{
	display: none;
}

/* ======================================= 
   media queries
   ======================================= */
   
/* smartphone size */
@media only screen  
and (max-width: 480px) {
	#header_ad h1{
		font: 45px/1em "franchiseregular";
		text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.6);
		color: #80412a;
	}
	.restore{
		font: 57px/1em "Arvo";
		text-shadow:-1px 1px 2px rgba(0, 0, 0, 0.7); /*step 2*/
		font-weight: 700;
		color: #c72719;
	}
	#header_ad .small{
		font: 34px/1em "franchiseregular";
		text-shadow: -1px -1px rgba(0, 0, 0, 0.6);
		color: #80412a;
		display: block;
	}

	
	#footer ul{
		list-style: none;
		width: 40%;
		margin: 0 auto;
		display: inline-block;
		float: left;
	}
	#footer li{
		color: #b08474;
		padding: 0px;
		width: 100%;
		padding: 0;
		margin: 5px 0 0 0;
	}
	#footer .fg12{
		float: left;
		width: 45%;
	}
	#footer p {
	float: left;
	width: 100%;
	margin: 0;
	border: none;
	}
	
	
	#links{
		list-style-type: none;
		margin: 0px;
		padding: 0;
		width: 100%;
		background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
	}
	#links li{
		font: 34px/1.5em "franchiseregular";
		margin: 0px;
		color: #80412a;
		line-height: 60px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #80412a;
		
	}
	#call {
		background: #845e42;
		color: #fff;
		font-weight: 700;
		line-height: 30px;
		padding: 10px;
		margin: 0px 0%;
		width: 100%;
		text-align: center;
		position: relative;
	}
	#call .text1{
		font-size: 45px;
	}
	#call .text2{
		font-size: 37px;
	}
	#call .text3{
		font-size: 22.5px;
		font-weight: 100;
	}
	
	#header_ad .custom{
		position: relative;
		bottom: 0px;
		right: -20px;
		margin: 0px;
		padding: 0px;
	}
	.logo{
		max-width: 600px;
		max-height: 600px;
		float: right;
	}
	
	.change{
		font-size: 34px;
		line-height: 36px;
	}
	.bold{
		font-size: 45px;
		line-height: 36px;
	}
	.header_small{
		font-size: 16px;
	}
	.row{
		padding: 0 1em;
		margin: 0;
	}
	#header .fg1{
		margin:0;
		padding:0;
		width:100%;
	}
	.fg1,.fg2{
		width: 46%;
		margin-bottom: 1em;
	}	
	
	
	.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
		margin:0 2% 1em;
		padding:0;
		width:96%;
	}
	
	.fg-no-gutter > [class*="fg"] {
		width: 50%;
	}
	
	.fg-no-mobile{
		display: none;
	}
	
	.fg-no-desktop{
		display: block;
	}
	
}
@media all and (max-width: 600px) and (min-width: 481px) {
	#links{
		list-style-type: none;
		margin: 0px;
		padding: 0;
		width: 100%;
		background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
	}
	#links li{
		font: 34px/1.5em "franchiseregular";
		margin: 0px;
		color: #80412a;
		line-height: 60px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #80412a;
		
	}
	#call {
		background: #845e42;
		color: #fff;
		font-weight: 700;
		line-height: 30px;
		padding: 10px;
		margin: 0px 0%;
		width: 100%;
		text-align: center;
		position: relative;
	}
	#call .text1{
		font-size: 45px;
	}
	#call .text2{
		font-size: 37px;
	}
	#call .text3{
		font-size: 22.5px;
		font-weight: 100;
	}
	
	#header_ad .custom{
		position: relative;
		bottom: 0px;
		right: -20px;
		margin: 0px;
		padding: 0px;
	}
	.logo{
		max-width: 600px;
		max-height: 600px;
		float: right;
	}
	#footer ul{
		list-style: none;
		width: 40%;
		margin: 0 auto;
		display: inline-block;
		float: left;
	}
	#footer li{
		color: #b08474;
		padding: 0px;
		width: 100%;
		padding: 0;
		margin: 5px 0 0 0;
	}
	#footer .fg12{
		float: left;
		width: 45%;
	}
	#footer p {
	float: left;
	width: 100%;
	margin: 0;
	border: none;
	}
	
	.change{
		font-size: 34px;
		line-height: 36px;
	}
	.bold{
		font-size: 45px;
		line-height: 36px;
	}
	.header_small{
		font-size: 16px;
	}
	.row{
		padding: 0 1em;
		margin: 0;
	}
	#header .fg1{
		margin:0;
		padding:0;
		width:100%;
	}
	.fg1,.fg2{
		width: 46%;
		margin-bottom: 1em;
	}	
	
	
	.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
		margin:0 2% 1em;
		padding:0;
		width:96%;
	}
	
	.fg-no-gutter > [class*="fg"] {
		width: 50%;
	}
	
	.fg-no-mobile{
		display: none;
	}
	
	.fg-no-desktop{
		display: block;
	}

}


/* phone landscape */
@media all and (max-width: 840px) and (min-width: 601px){

	#call {
		background: #845e42;
		color: #fff;
		font-weight: 700;
		line-height: 30px;
		padding: 10px;
		margin: 0px 0px;
		width: 100%;
		text-align: center;
		position: relative;
	}
	#call .text1{
		font-size: 45px;
	}
	#call .text2{
		font-size: 37px;
	}
	#call .text3{
		font-size: 22.5px;
		font-weight: 100;
	}
	
	#header_ad .custom{
		position: relative;
		bottom: 0px;
		right: -40px;
		margin: 0px;
		padding: 0px;
	}
	.logo{
		max-width: 500px;
		max-height: 500px;
		width: 50%;
		float: none;
		display: table;
		margin: 0 auto;
	}
	
	.change{
		font-size: 34px;
		line-height: 36px;
	}
	.bold{
		font-size: 45px;
		line-height: 36px;
	}
	.header_small{
		font-size: 16px;
	}
	.row{
		padding: 0 1em;
		margin: 0;
	}
	
	
	#links{
		list-style-type: none;
		margin: 0px auto;
		padding: 0;
		float: none;
		display: table;
	}
	#links li{
		float: left;
		margin: 0 auto;
		padding: 0 11px;
		font: 24px/1.5em "franchiseregular";
		color: #80412a;
		line-height: 92px;
		text-align: center;
		
	}
	
	#header .fg1, #header .fg4,.fg7{
		margin:0 auto;
		padding:0;
		width:100%;
		display: table;
	}
	
	#footer ul{
		list-style: none;
		width: 100%;
		margin: 0 auto;
		display: inline-block;
	}
	#footer li{
		color: #b08474;
		padding: 20px;
		float: left;
		width: 20%;
	}
	
	.fg1,.fg2{
		width: 46%;
		margin-bottom: 1em;
	}	
	
	
	.fg3,.fg5,.fg6,.fg8,.fg9,.fg10,.fg11,.fg12 {
		margin:0 2% 1em;
		padding:0;
		width:96%;
	}
	
	.fg-no-gutter > [class*="fg"] {
		width: 50%;
	}
	
	.fg-no-mobile{
		display: none;
	}
	
	.fg-no-desktop{
		display: block;
	}
	
	
}

/* ipad portrait */
@media all and (max-width: 1020px) and (min-width: 841px) {

	#links{
		list-style-type: none;
		margin: 0px auto;
		padding: 0;
		float: none;
		width: 100%;
	}
	#links li{
		float: left;
		margin: 0;
		padding: 0 15px 0 15px;
		font: 20px/.5em "franchiseregular";
		color: #80412a;
		line-height: 81px;
		text-align: center;
		
	}
	.logo{
		width: 200px;
	}
	
	#call {
		background: #845e42;
		color: #fff;
		font-weight: 700;
		line-height: 30px;
		padding: 10px;
		margin: 0px 0px;
		width: 100%;
		text-align: center;
		position: relative;
	}
	#call .text1{
		font-size: 45px;
	}
	#call .text2{
		font-size: 37px;
	}
	#call .text3{
		font-size: 22.5px;
		font-weight: 100;
	}
}

@media all and (max-width: 1100px) and (min-width: 1021px) {
	#links li{
		float: left;
		margin: 0;
		padding: 0 10px 0 10px;
		font: 20px/.5em "franchiseregular";
		color: #80412a;
		line-height: 81px;
		text-align: center;
		
	}
	#call{
		line-height: 20px;
	}
}
figure img{
	width: 100%;
	height: auto;
}