@charset "utf-8"; /* CONNECT CUSTOM MOBILE CSS */ /**************************************** Section 1 ****************************************/ #connect-section-1 { height: 862px; background: url(../images/bg_section1_mobile.jpg) center top no-repeat; } #connect-section-1 .row-2 h2 { font-size: 29px; margin-top: 40px; margin-left: 0; } #connect-section-1 .row-2 h3 { margin-top: 50px; margin-left: 0; } #connect-section-1 .row-2 p { width: auto; margin-left: 0; } #connect-section-1 .row-3 #experimente { margin-top: 140px; margin-left: 125px; } /**************************************** Section 2 ****************************************/ #connect-section-2 { height: 990px; background: url(../images/bg_section2_mobile.jpg) center top no-repeat; } #connect-section-2 .row-1 h4 { margin-top: 80px; margin-left: 0; } #connect-section-2 .row-1 p { width: 85%; margin-top: 20px; margin-left: 0; } #connect-section-2 .row-2 #titulo_pilha { display: none; } #connect-section-2 .row-2 #titulo_pilha_mobile { display: block; line-height: 25px; margin-top: 255px; margin-left: 0; } /**************************************** Section 3 ****************************************/ #connect-section-3 { height: 1008px; background: url(../images/bg_section3_mobile.jpg) center top no-repeat; } #connect-section-3 .row-1 h4 { margin-top: 75px; margin-left: 0; } #connect-section-3 .row-1 p { width: auto; margin-left: 0; } #connect-section-3 .row-2 h4 { margin-top: 268px; margin-left: 0; } #connect-section-3 .row-2 p { width: auto; margin-left: 0; } /**************************************** Section 4 ****************************************/ #connect-section-4 { height: 1032px; background: url(../images/bg_section4_mobile.jpg) center top no-repeat; } #connect-section-4 .row-1 .connect-col-5 h4 { margin-top: 90px; margin-left: 0; } #connect-section-4 .row-1 .connect-col-7 h4 { margin-top: 390px; margin-left: 0; } #connect-section-4 .row-2 ul { margin-left: 0; margin-top: -400px; }