/*-------------------- Our Work Section ---------------------*/ .оur-work { background-color: #fff; } .our-work .grid li { padding: 20px; height: 350px; border-radius: 3px; background-clip: content-box; background-size: cover; background-position: center; background-color: #333; } .our-work .grid li.small { flex-basis: 40%; } .our-work .grid li.large { flex-basis: 60%; } @media (max-width: 1000px) { .our-work .grid li.small, .our-work .grid li.large { flex-basis: 100%; } } /*---------------------- Features Section ----------------------*/ .features { background-color: #f7f7f7; } .features .grid li { padding: 0 30px; flex-basis: 33%; text-align: center; } .features .grid li i { font-size: 50px; color: #2196F3; margin-bottom: 25px; } .features .grid li h4 { color: #555; font-size: 20px; margin-bottom: 25px; } .features .grid li p { margin: 0; } @media (max-width: 1000px) { .features .grid li { flex-basis: 70%; margin-bottom: 65px; } .features .grid li:last-child { margin-bottom: 0; } } @media (max-width: 600px) { .features .grid li { flex-basis: 100%; } } /*-------------------- Reviews Section --------------------*/ .reviews { background-color: #fff; } .reviews .quote { text-align: center; width: 80%; font-size: 22px; font-weight: 300; line-height: 1.5; margin-bottom: 20px; padding: 0; } .reviews .author { font-size: 18px; margin-bottom: 50px; } .reviews .author:last-child { margin-bottom: 0; } @media (max-width: 1000px) { .reviews .quote { font-size: 20px; } .reviews .author { font-size: 16px; } } /*--------------------- Contact Section ---------------------*/ .contact { background-color: #f7f7f7; } .contact form { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 800px; width: 80%; } .contact form input { padding: 15px; flex: 1; margin-right: 30px; font-size: 18px; color: #555; } .contact form .btn { padding: 18px 42px; } @media (max-width: 800px) { .contact form input { flex-basis: 100%; margin: 0 0 20px 0; } } /*------------- Footer -------------*/ footer { display: flex; flex-direction: column; align-items: center; text-align: center; color: #fff; background-color: #414a4f; padding: 60px 0; } footer ul { display: flex; margin-bottom: 25px; font-size: 32px; } footer ul li { margin: 0 8px; } footer ul li:first-child { margin-left: 0; } footer ul li:last-child { margin-right: 0; } footer p { text-transform: uppercase; font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-bottom: 10px; } footer p a { color: #fff; } @media (max-width: 700px) { footer { padding: 80px 15px; } } /* -- Demo ads -- */ @media (max-width: 1200px) { #bsaHolder { display: none; } }