/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */
.container { width: 93.75%; /* 720px / 768px */ }

#sf-sidebar { display: block !important; }
#nav, #top .secondary-nav ul, #footernav { display: none; }

#top #logo-secondary .col.span_3_of_7, #top #logo-secondary .col.span_4_of_7 { width: 45%; margin-left: 0; margin-right: 0; }
#top #logo-secondary .col.span_4_of_7 { width: 55%; }
#top .secondary-nav-contact, .contact { float: none; display: block; }
#top .contact { text-align: right; }
#top .contact .numbers { display: block; margin-bottom: 5px; }

/* .contact a.btn { margin: 15px 0 5px 0; } */

.portal{ width: 100%; }
.portal .icon-wrap { width: 49%; /* margin-right: 0; margin-left: 0; */ }

#footer .col, .col .span_1_of_3 { width: 100%; margin-left: 0; }

#footer .col { text-align: center; }
#footer img.paypal, #footer .contact { float: none; }