html, body {padding:0; margin:0; width:100%; min-width:320px;} h1, h2, h3, h4, h5, h6, p {padding:0; margin:0;} #wrapper {width:100%; background:#f5f9fa;} .threecol {display:block; width:98%; max-width:939px; margin:50px auto 0 auto; text-align:center;} .threecol .col {display:inline-block; position:relative; width: 33.3%; margin-bottom:0px; overflow:hidden; vertical-align:bottom;} .threecol .col img {display:block; width:100%;} .threecol .col .text_panel {position:absolute; top:0; left:0; width:100%; height:100%;} .threecol .col .text_panel h5 {font: 400 15px/18px 'Lato', arial, sans-serif; color:#fff; position:absolute; bottom:70px; left:10%; width:80%; text-align:left;} .threecol .col .text_panel h6 {font: 400 14px/17px 'Lato', arial, sans-serif; color:#000; position:absolute; padding:11px 0; bottom:20px; left:10%; width:80%; background:rgba(255,255,255,0.5); transition:0.5s;} .threecol .col .text_panel:hover h6 {background:rgba(255,255,255,1);} .twocol_outer {background:#f5f9fa; padding-bottom:50px;} .twocol {display:block; width:95%; max-width:1252px; margin:0 auto 0 auto;} .twocol .col1 {display:inline-block; position:relative; width: 27.9%; margin-bottom:-4px; vertical-align:top;} .twocol .col1 img {display:block; width:100%;} .twocol .col2 {display:inline-block; position:relative; width: 72.1%; margin-bottom:-4px; vertical-align:top;} .twocol .col2 img {width:77.5%; margin-left:22.5%;} .twocol .text_panel {padding-top:10px;} .twocol .col2 .text_panel {margin-left: 22.5%;} .twocol h5 {font: 700 18px/24px 'Lato', arial, sans-serif; color:#000; padding:10px 0;} .twocol h6 {font: 400 16px/20px 'Lato', arial, sans-serif; color:#000;} .twocol h6 a {color: #069;} @media only screen and (max-width: 900px) { .twocol .col1 {display:block; width: 100%; max-width:300px; margin:0 auto;} .twocol .col2 {display:block; width: 100%; max-width:700px; margin:0 auto;} .twocol .col2 img {width:100%; margin-left: 0;} .twocol .col2 .text_panel {margin-left: 0;} } @media only screen and (max-width: 626px) { .threecol .col {width: 50%;} } @media only screen and (max-width: 480px) { .threecol .col {width: 100%; max-width:313px;} } #mid_line {padding:45px 0; text-align:center; background:#f5f9fa;} #mid_line h2 {font: 700 18px/26px 'Lato', arial, sans-serif; color:#000;} #mid_line h3 {font: 400 16px/24px 'Lato', arial, sans-serif; color:#000;}