/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* For iphone PORTRAIT: */
@media screen
	and (min-width: 320px) 
	and (max-width: 480px) {

header.header hgroup {height: 118px;}

.logo {width: 120px; margin-top: 10px;}

.social-media {
	position: absolute;
	left: 0;
	top: 68px;
	}

.social-media a img {margin-right: 8px; width: auto; height: 18px;}

.telephone-home {
	right: 3%;
	top: 60px;
	font-size: 22px;
	}

.email-home {
	right: 3%;
	top: 90px;
	font-size: 11px;
	}

div.home-image, div.banner-page {
	height: 160px;
	}

div.page-banner {height: 100px;}

.ctas section {margin-left: 0; padding-left: 10px; padding-right: 10px;}

.col, .post-home, .home-news .post-home:last-child {
	margin: 10px auto 10px auto;
	float: none;
	clear: both;
	}

main.page-bits section, main.page-bits aside, body.blog main, body.single main, body.archive main, aside.sidebar {
	float: none;
	width: 100%;
	margin: 0 auto 0 auto;
	}

iframe {
	width: 100% !important;
	height: 30% !important;
	}

.site-info p {
	position: relative;
	text-align: center;
	}

.site-info p span {
	text-align: center;
	}

.site-info p span a {margin: 0 auto 0 auto; float: none;} 

.legal {margin-bottom: 15px;}

} 

/* For iphone LANDSCAPE: */
@media screen
	and (min-width: 480px) 
	and (max-width: 760px) {

header.header hgroup {height: 118px;}

.logo {width: 120px; margin-top: 10px;}

.social-media {
	position: absolute;
	left: 0;
	top: 68px;
	}

.social-media a img {margin-right: 8px; width: auto; height: 18px;}

.telephone-home {
	right: 3%;
	top: 60px;
	font-size: 22px;
	}

.email-home {
	right: 3%;
	top: 90px;
	font-size: 11px;
	}

div.home-image, div.banner-page {
	height: 160px;
	}

div.page-banner {height: 100px;}

.ctas section {margin-left: 0; padding-left: 10px; padding-right: 10px;}

.col, .post-home, .home-news .post-home:last-child {
	margin: 10px auto 10px auto;
	float: none;
	clear: both;
	}

main.page-bits section, main.page-bits aside, body.blog main, body.single main, body.archive main, aside.sidebar {
	float: none;
	width: 100%;
	margin: 0 auto 0 auto;
	}

iframe {
	width: 100% !important;
	height: 30% !important;
	}

.site-info p {
	position: relative;
	text-align: center;
	}

.site-info p span {
	text-align: center;
	width: 100%;
	}

.site-info p span a {margin: 0 auto 0 auto; float: none;} 

.site-info p span.legal {margin-bottom: 15px; width: 100%; float: none;}


} 

/* For ipad: */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1000px) 
  and (-webkit-min-device-pixel-ratio: 1) {

.social-media {
	top: 75px;
	}

.telephone-home {
	top: 60px;
	}

.email-home {
	top: 100px;
	}

div.home-image, div.banner-page {
	height: 260px;
	}

.ctas section {margin-left: 0; padding-left: 10px; padding-right: 10px;}

.col, .post-home, .home-news .post-home:last-child {
	margin: 10px auto 10px auto;
	float: none;
	clear: both;
	}


main.page-bits section, main.page-bits aside, body.blog main, body.single main, body.archive main, aside.sidebar {
	float: none;
	width: 100%;
	margin: 0 auto 0 auto;
	}

body.blog main, body.single main, body.archive main {
	float: left;
	width: 60%;
	}

aside.sidebar {float: right; width: 35%; margin-top: 0;}


iframe {
	width: 100% !important;
	height: 30% !important;
	}

.site-info p {
	position: relative;
	text-align: center;
	}

.site-info p span {
	text-align: center;
	width: 100%;
	}

.site-info p span a {margin: 0 auto 0 auto; float: none;} 

.site-info p span.legal {margin-bottom: 15px; width: 100%; float: none;}


}