/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

	#bodyrow-title h1 {
		margin: 0.2% 0 0 0 !important;
	}
	
	#bodyrow-sub-title {
		padding: 1px;
	}
		#bodyrow-sub-title h2 {
			margin: 0px 0 0 0 ;
			font-size: 1.1em;
		}
	


	.mobile-main-menu {
		display: block;
		padding-top: 4px;
		height: 50px;
	}
	
	.nav-bar {
		display: none;
	}
	.page-content {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 86% !important;
		max-height: 86% !important;
	}
	
	#footer-show {
		display: inline-block;
	}
	
	#bodyrow-footer {
		height: 9%;
	}
	#bodyrow-footer .footer-text,
	#bodyrow-footer .footer-icons {
		width: 100% !important;
		float: left;
		text-align: center;
	}
	#bodyrow-footer .footer-text {
		border-right: none;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 360px) {


	#bodyrow-title h1 {
		margin: 18px 0 0 0 !important;
		font-size: 1.5em;
	}
	
	#bodyrow-sub-title {
		padding: 0.8%;
	}
		#bodyrow-sub-title h2 {
			margin: 2px 0 0 0 !important;
		}
	
	.mobile-main-menu {
		display: block;
		padding-top: 12px;
		height: 70px;
	}
	
	.nav-bar {
		display: none;
	}
	.page-content {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 85% !important;
		max-height: auto;
	}
	
	#footer-show {
		display: inline-block;
	}
	
	#bodyrow-footer {
		height: 10%;
	}
	#bodyrow-footer .footer-text,
	#bodyrow-footer .footer-icons {
		width: 100% !important;
		float: left;
		text-align: center;
	}
	#bodyrow-footer .footer-text {
		border-right: none;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	#page-home .door_columns div.doors a {
		font-size: 2.2em;
	}
	
	#bodyrow-title {
		padding: 2.5%;
	}
	
	#bodyrow-sub-title {
		padding: 1.0%;
	}

	#page-whoweare .nav-bar {
		top: 13%;
		left: 25%;
	}
	#page-whoweare .page-content {
		top: 12%;
		left: 40%;
		height: 65%;
		width: 40%;
	}
}



@media only screen and (min-width : 960px) {
	
	#bodyrow-title h1 {
		font-size: 3.5em;
		margin: 12px 0 0 0;
	}

	#bodyrow-sub-title h2 {
		font-size: 2.0em;
		margin-top: 4px;
	}
	
	.mobile-main-menu {
		display: none;
		padding-top: 25px;
		height: 100px;
	}

	#bodyrow-footer .col-md-6 {
		width: 50% !important;
	}
	#footer-show {
		display: none;
		width: 100%;
		height: 20px;
		text-align: center;
		margin-bottom: 40px;
	}

	.nav-bar {
		display: block;
	}
	
	#page-whoweare .nav-bar {
		top: 20% !important;
		left: 24% !important;
	}
	#page-whoweare .page-content {
		top: 20% !important;
		left: 39% !important;
		height: 55% !important;
		width: 50% !important;
	}
		
	#page-whatwedo .nav-bar {
		top: 20% !important;
		left: 22% !important;
	}
	#page-whatwedo .page-content {
		top: 20% !important;
		left: 38% !important;
		height: 55% !important;
		width: 50% !important;
	}

	#page-howwedoit .nav-bar {
		top: 15% !important;
		left: 65% !important;
	}
	#page-howwedoit .page-content {
		top: 25% !important;
		left: 18% !important;
		height: 70% !important;
		width: 45% !important;
	}

	#page-whatyoushoulddo .nav-bar {
		top: 20% !important;
		left: 70% !important;
	}
	#page-whatyoushoulddo .page-content {
		top: 5% !important;
		left: 18% !important;
		height: 90% !important;
		width: 50% !important;
	}

	#bodyrow-footer .footer-text {
		text-align: right;
	}
	#bodyrow-footer .footer-icons {
		text-align: left;
	}
}



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

	#bodyrow-title h1 {
		font-size: 3.5em;
		margin: 12px 0 0 0;
	}
	
	#page-whoweare .nav-bar {
		top: 20% !important;
		left: 26% !important;
	}
	#page-whoweare .page-content {
		top: 20% !important;
		left: 38% !important;
		height: 55% !important;
		width: 36% !important;
	}
		
	#page-whatwedo .nav-bar {
		top: 20% !important;
		left: 26% !important;
	}
	#page-whatwedo .page-content {
		top: 22% !important;
		left: 39% !important;
		height: 58% !important;
		width: 37% !important;
	}

	#page-howwedoit .nav-bar {
		top: 15% !important;
		left: 62% !important;
	}
	#page-howwedoit .page-content {
		top: 25% !important;
		left: 25% !important;
		height: 70% !important;
		width: 35% !important;
	}

	#page-whatyoushoulddo .nav-bar {
		top: 20% !important;
		left: 60% !important;
	}
	#page-whatyoushoulddo .page-content {
		top: 15% !important;
		left: 28% !important;
		height: 80% !important;
		width: 30% !important;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#bodyrow-title h1 {
		font-size: 2.5em;
		margin: 0px ;
	}

	#bodyrow-sub-title h2 {
		font-size: 1.5em;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#bodyrow-title h1 {
		font-size: 3.5em;
		margin: 0px;
	}

	#bodyrow-sub-title h2 {
		font-size: 2.2em;
	}

	.mobile-main-menu {
		display: block;
		padding-top: 20px;
		height: 110px;
	}
		.mobile-main-menu img {
			height: 70px;
		}

}