html {
	-webkit-text-size-adjust: none;
}

@media only screen and (max-width: 767px) {

	.container { width: 100%; }
 #content {background-color: #fff;}
        #content .containerinner{padding: 20px 0; width: 96%;}
	
	#logo {
		max-width: 95% !important;
		display: block;
		margin: 0 auto 10px;
		float: none;
	}
	
	.headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	.header-social {
		position: relative;
		float: left;
		display: block;
		left: 50%;
		margin: 10px auto;
	}
	
	.header-social li {
		position: relative;
		float: left;
		display: block;
		right: 50%;
	}
	
	.hfeed, .aside {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	
	.contactarea {
		width: 95%;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	.menu-legal-menu-container { display: none; }

        .header-image-text{display: none}
       .header-navigation h2{letter-spacing: normal;}
       
        #lodge-links{list-style: none; margin-left: 0;}
        #lodge-links li{line-height: 28px; text-align: center}

}


@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container { width: 100%; }
	
	#logo {
		max-width: !important;
		display: block;
		margin: 0 auto 20px;
		float: none;
	}
	
	.headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	.header-social {
		position: relative;
		float: left;
		display: block;
		left: 50%;
		margin: 10px auto;
	}
	
	.header-social li {
		position: relative;
		float: left;
		display: block;
		right: 50%;
	}
	#content{background-color: #fff;}
	#content .containerinner{
		width: 90%;
		margin: 0 auto;
	}

        .header-image-text{top: 240px;}

        .header-navigation h2{letter-spacing: normal;}
       
        #lodge-links{list-style: none; margin-left: 0;}
        #lodge-links li{line-height: 28px; text-align: center}

}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#logo {
		
		display: block;
		margin: 0 auto 10px;
		float: none;
	}
	
	.headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	 .containerinner, #header-image-container { width: 960px; }
        #content .containerinner{padding: 20px; width: 920px;}
        .header-image-text{top: 280px;}

         
        #lodge-links{
                 list-style: none;
                 margin: 0 auto;
                 width: 932px;
       }

       #lodge-links li{
                float: left;
                padding: 0 10px; 
                border-right: 1px solid #770a0e;
       }
        #lodge-links li:last-child{border-right: none;}

}

@media only screen and (min-width: 1200px) {

	.containerinner, #header-image-container { width: 1200px; }
        #content .containerinner{padding: 20px; width: 1160px;}

       #lodge-links-title{font-size: 18px; color: #040000;}
        #lodge-links{
                 list-style: none;
                 margin: 0 auto;
                 width: 1036px;
       }

       #lodge-links li{
                float: left;
                padding: 0 20px; 
                border-right: 1px solid #770a0e;
       }
        #lodge-links li:last-child{border-right: none;}
}