/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */
.container { width: 93.75%; /* 720px / 768px */ }
.content-columns .span_1_of_2 { width: 100%; margin-left: 0; }

.page-title h1, .rotator-content h1 { /* font-size: 55px; */ font-size: 40px; }
h1 { /* font-size: 45px; */ font-size: 36px; }
h2 { /* font-size: 36px; */ font-size: 30px; }
h3 { /* font-size: 30px; */ font-size: 24px; }
h4 { /* font-size: 24px; */ font-size: 18px; }
p, .entry li { /* font-size: 18px; */ font-size: 16px; }

.logo { text-align: center; }
h1.logo img { margin-top: 0; max-width: 176px; }
#top #nav { /* float: none; margin-top: 5px; */ }
#top .col { /* width: 49.2% !important; */ }
#top .col.span_2_of_3 { width: 47.13% !important; }
#top .col.span_1_of_3 { width: 51.26% !important; }
#top .styled-select select { width: 170px; }
#nav-rotator, #logo-rotator-wrap { display: none; }
#top .container { border-bottom: none; }
.mobile { display: block; }
.rotator-content { padding: 0; }
.home .rotator-content { margin-top: 305px; }
.rotator-content .social-networks { margin-left: 0px; padding-left: 0; padding-top: 20px; border-left: none; }
.rotator-content .social-networks img { float: none; max-width: 30px; }
.rotator-content .table, .rotator-content .table .table-cell { display: inline-block; width: 100%; }

img.alignright, img.alignleft { float: none; margin-right: 0; margin-left: 0; display: block; }