/* 320px (iPhone) */
@media screen and (max-devide-width:320px) {
	.hero { padding: 20px 0 0 0; }
	.hero h1 a { background: url(../img/logo_main.png) 0 0 no-repeat; display: block; height: 50px; background-size: contain; text-indent: -9999px; }
	.worries .column-left { padding: 0px; }
	.worries .column-right { padding: 0px; }
	.worries h1 { font-size: 30px; text-align: center; }
	.portfolio h2 { text-align: center; margin: 50px 0 0 0;}
	.portfolio h2::after { margin: 25px auto; }
	.portfolio p { text-align: center;}
	.about-wrapper { height: 860px; }
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-device-width:480px) {
	.hero { padding: 20px 0 0 0; }
	.hero h1 a { background: url(../img/logo_main.png) 0 0 no-repeat; display: block; height: 50px; background-size: contain; text-indent: -9999px; }
	.colin-photo { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
	.hero h1 a { background: url(../img/logo.png) 0 0 no-repeat; display: block; max-width: 100%; height: 150px; background-size: contain; text-indent: -9999px; }
	.worries h1 { font-size: 30px; text-align: center; }
	.worries .column-left { padding: 0px; }
	.worries .column-right { padding: 0px; }
	.portfolio h2 { text-align: center; margin: 50px 0 0 0;}
	.portfolio h2::after { margin: 25px auto; }
	.portfolio p { text-align: center;}
	.about-wrapper { height: 960px; }
}

/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { background-position: 0px 0; }
	.subscribe { background-attachment: scroll; }
	.hero { padding: 50px 0 0 0; }
	.hero h1 { font-size: 34px; letter-spacing: 1px; line-height: 34px; font-weight: bold; margin: 0; }
	.hero h1 a { background: url(../img/logo_main.png) center center no-repeat; display: block; height: 100px; background-size: contain; text-indent: -9999px; margin: 0px 0 38px 0; }
	.hero h2 span { font-size: 18px; }
    .hero h2::before { content: " "; border: solid 1px #00ffff; display: block; width: 35px; margin: 25px auto; }
    .learn-more-btn { background: url(../img/button.png) 0 0 no-repeat; width:50px; height: 50px; color: #fff; display: inline-block; margin: 25px 0 50px; text-indent: -9999px;}
	.hero h2 { font-size: 25px; text-transform: none; color: #ffffff; letter-spacing: 1px; line-height: 25px; font-weight: bold; margin: 38px 0 0;}
    .about .slides h1.arrow { font-size: 25px; text-transform: none; color: #000000; text-align:left; letter-spacing: 1px; padding-bottom: 0px; font-weight: bold; margin: 19px 0 0 0;}
	.about p { font-size: 20px; text-align:left; line-height:30px;}
	.portfolio h2 { text-align: center; margin: 50px 0 0 0;}
	.portfolio h2::after { margin: 25px auto; }
	.portfolio p { text-align: center;}
	.presentation-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
}

/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.about-wrapper { height: 300px; }
	.colin-photo { background-position: top left; margin-left:75px;}
}

/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { background-position: 0px 0; }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.hero h1 a { background: url(../img/logo_main.png) center center no-repeat; display: block; height: 100px; background-size: contain; text-indent: -9999px; }
	.worries h2 { font-size: 20px; margin: 0px; color: #000000; letter-spacing: 0px; text-align: left;}
	.worries h2::after { content: " "; border: solid 1px #f379a9; display: block; width: 100px; margin: 25px 0px; }
	.worries .column-right { padding: 0px 0px 0px 0px; }
	.colin-photo { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}