@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1009px){
	#fullwidth .slide{
		/*height:auto;*/
	}
	#fullwidth .slide .caption img{
		width:100%;	
	}
	#fullwidth .slide > img{
		width:auto;
		height:100%;	
	}
	
	#mobilemenu{
		display:block;
		padding:10px;
		text-align:center;
		background:#f55e90;
		background:#111;
		color:#FFF;
		font-weight:bolder;
		letter-spacing:2px;
		cursor:pointer;
		border-bottom: 3px solid #ed1c24;
	}
	#header #nav{
		/*position:absolute;*/
		padding:0;
		top:0;
		display:none;
		/*
		background:#ffdae6;
		background:#222;
		*/
		margin-bottom:0;
	}	
		#header #nav ul li{
			display:block !important;
			/*padding-bottom:10px;*/
			font-size:20px;
			text-align:left;
		}
			#header #nav ul li a{
				font-size:20px;
				color:#FFF;
			}
}

@media only screen and (max-width: 920px){
	#header{
		height:auto;
		position:relative;
		padding:0;
		background-size: auto 100%;
	}
	#header > .wrapper{
		height:auto;
		overflow:inherit;
	}
	#header #logo,
	#header #callus,
	#header #social-links{
		float:none;
		margin:auto;
		padding:0 10px;
		text-align:center;
	}
	#header #logo{	
		position:relative;
	}
		#header #logo img{
			width:450px;
			margin-bottom: 5px;
		}
	#header #nav a{
		padding:10px 10px;
		/*
		padding-top:0;
		padding-bottom:5px;
		*/
	}
		#header #nav li:first-child a{
			padding: 5px 0 10px 5px;
		}
		#header #nav li:last-child a{
			padding-bottom:15px;
		}
	#header #social-links{
		text-align:center;
		margin-top:0;
	}
	#header #social-links a{
		display:inline-block;
	}
	#topnav{
		text-align:center;	
	}
	.notmobile{
		display:none;	
	}
	#footer ul.col2 li,
	#footer .col2 li:last-child{
		width:100%;
		text-align:center;
	}
	ul.col2.alt > li,
	ul.col2.alt > li:first-child,
	ul.col2.alt > li:last-child{
		width:50%;
	}
	.section > .wrapper > .padding{
		padding:20px;	
	}
	
	.section.heading.alt{
		text-align:center;	
	}
	.section.heading.alt img{
		margin:0;
		float:none;
	}
	ul.col6#specials > li {
		height:auto;
		vertical-align:top;
	}
	ul.col6#specials > li:hover{
		transition: none;
		background:none;
	}
		ul.col6#specials > li:hover h2,
		ul.col6#specials > li:hover a p{
			color:inherit;
		}
		ul.col6#specials > li:hover img{
			visibility:inherit;
		}
		ul.col6#specials > li:hover a{
			transition: none;
			margin-top: inherit;
		}
}
@media only screen and (max-width: 815px){
	ul.col2.alt > li,
	ul.col2.alt > li:first-child,
	ul.col2.alt > li:last-child,
	ul.col2.alt2 > li,
	ul.col2.alt2 > li:first-child,
	ul.col2.alt2 > li:last-child{
		width:100%;
	}
	ul.col2 > li > .padding{
		padding:0;
	}
	ul.col2 > li:nth-child(2) > .padding{
		padding-top:10px;	
	}
	.parallax{
		/*background-attachment:local;*/
	}
	ul.col6#specials{
		text-align:center;	
	}
	ul.col6#specials > li {
		width:32%;
		float:none;
		display:inline-block;
	}
}
@media only screen and (max-width: 640px){
	ul.col3 > li,
	ul.col2 > li,
	ul.col4 > li{
		width:100%;	
		float:none;
	}
	ul.col2 > li:nth-child(2) .padding{
		/*padding-top:0;*/
	}
	.thumb1.left,
	.thumb1.right{
		float:none;
		margin:0;
		margin-bottom:10px;
	}
	.section .image .wrapper > div{
		width:auto;
		padding:0px 20px;
	}
	.section > .wrapper > .padding{
		padding:20px;
	}
	.section .image .wrapper > div,
	.section .parallax .wrapper > div{
		width:80%;	
	}
	
	.fullwidth h4{
		padding:0.5vw !important;
		font-size:3vw;
	}

	ul.col6#specials > li {
		width:45%;
	}
}
@media only screen and (max-width: 550px){
	ul.col6#specials > li {
		width:100%;
		
	}
	ul.col6#specials > li:nth-child(2n){	
		background:rgb(250,250,250);
		border-top:1px solid rgb(240,240,240);
		border-bottom:1px solid rgb(240,240,240);
	}
	#callus h2, #callus h3{
		font-weight:900;
		font-size:22px;	
	}
}
@media only screen and (max-width: 480px){
	/*
	.call-to-action{
		display:block;	
	}
	*/

			
}

@media only screen and (max-width: 400px){
	.text_group span{
		/*display:inline;*/
	}
	#callus h2, #callus h3{
		font-size:22px;	
	}
	h2{
		text-shadow:none;	
	}
}
@media only screen and (max-width: 320px){	
}