/* Boxed */

.container {

  width: 95%;

  max-width: 1100px;

}



/* Responsive Mobile */

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

	.row .half,

	.row .third,

	.row .quarter,

	.row .fifth,

	.row .sixth,

	.row .twothird,

	.row .twofifth,

	.row .threefifth,

	.row .fourfifth,

	.row .fivesixth,

	.row .threequarter {

		width: 100%;

		margin-left: 0;

		margin-bottom: 1.5em;

	}

	.push-half,

	.push-threequarter,

	.push-quarter,

	.push-third,

	.push-twothird,

	.push-fifth,

	.push-twofifth,

	.push-threefifth,

	.push-fourfifth,

	.push-sixth,

	.push-fivesixth {

		left: 0;

	}

	.row .pull-right {

		float: none;

	}

/* Blocks */

	.block-two,

	.block-three,

	.block-four,

	.block-five,

	.block-six {

		margin-left: 0;

		margin-bottom: 1.5em;

	}

	.block-two > li,

	.block-three > li,

	.block-four > li,

	.block-five > li,

	.block-six > li {

		float: none;

		margin: 0;

		width: 100%;

	}
		.slider {

			display: none!important;

		}
		
		header nav {

			display:none!important;
			
			float: none;
		}
		
		#topbartext {
	
	text-align:center!important;
	
	margin-right: 0!important;
	
	padding-top: 5px!important;
}	

.logo {

	
	margin-left: 5px!important;

		}
		.container { width: 300px; }

		
		#mainContent { 
	 
	 margin: 75px 10px 0 10px!important;
	  
    }
		footer {

	overflow: hidden;

	padding: 30px 0px 0px!important;

	font-size: 12px;

}
}

/* Tablet (Portrait) */



	/* Note: Design for a width of 768px */



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

		.container { 

			width: 768px; 

		}
		header nav {

			display:none!important;
			
			float: none;


	}

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

		header nav {

			display:none!important;
			
			float: none;


	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { 

		
		header nav {

			display:none!important;
			
			float: none;
		}

	}

/* Mobile (Portrait) */



	/* Note: Design for a width of 320px */



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

		.container { width: 300px; }

		.container.menu.centered {

			display:none!important;

		}
		
		#mainContent { 
	 
	 margin: 0 10px 0 10px!important;
	  
    }
#topbartext {
	
	text-align:center!important;
	
	margin-right: 0!important;
	
	padding-top: 5px!important;
}

		header {

			height: auto;

			margin-bottom: 0;

			padding: 5px 0;

		}

		header .main-menu .responsive-nav {

			width: 100%;

			display: block;

			margin: 0px auto;

			border: 1px solid #fde6a4;

		}

		header nav ul {

			text-align: center;

			display: none;

		}

		header nav ul li a span {

			display: none;

		}

		.menu {

		  margin-top: 20px;

		  padding-top: 10px;
			display: none!important;

		}

		.main-menu.left {

			display: none!important;

		}

		.logo {

		  width: 210px!important;
	margin: 0 auto !important;
			display:none!important;

		}

		.logo img {

			float: none;

		}

		.header-opacity {

			display: none;

		}

		.container.menu.left, 

		.container.menu.right {

			position: relative;

			margin-top: 0;

		}

		.logo.centered.left {

			
			display: none!important;

		}

		.logo-left, .logo-right {

			float: none;

			padding-top: 140px;

		}

		.logo.centered.right {

			right: 0;

			left: 0;

		}

		header nav {

			display:none!important;
			
			float: none;

		}

		.slider {

			display: none!important;

		}

		.box-title {

		  font-size: 9px;

		}

		.blog-post-item {

			padding-right: 0;

		}

		.hover-card {

		  height: 90%;

		}

		span.details-link {

		  display: none;

		}

		.band .container {

		  width: 100%;

		}

		.latest-blog-post img {

		  width: 100%;

		}
		
		footer {

	overflow: hidden;

	padding: 30px 0px 0px!important;

	font-size: 12px;

}


	}





/* #Mobile (Landscape)

================================================== */



	/* Note: Design for a width of 480px */



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

		.container { width: 420px; }
		
		
		.logo {

		  width: 210px!important;
	margin: 0 auto !important;

		}
		.slider {

			display: none!important;

		}
		
		}

	}