@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Lato,sans-serif;text-align:center}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,h1,h2,h3,p{margin:0;padding:0}h1,h2,h3{text-transform:uppercase;letter-spacing:.5rem}h2{font-size:34px}h3{font-size:20px;letter-spacing:.25rem}.about,.contact,.services,.whatWeDo,header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.outer-container{width:900px}.outer-container h2{position:relative}.outer-container .inner-container{max-width:560px}.outer-container .inner-container img{margin:85px 0 30px}.outer-container .inner-container p{margin:20px 0;line-height:24px;font-weight:lighter}.about .outer-container,.contact .outer-container,.whatWeDo .outer-container{position:relative;border-left:2px solid #3c3c3c;border-right:2px solid #3c3c3c;border-bottom:2px solid #3c3c3c}.about .outer-container::before,.contact .outer-container::before,.whatWeDo .outer-container::before{content:"";display:block;position:absolute;width:25%;height:2px;top:0;left:0;background-color:#3c3c3c}.about .outer-container::after,.contact .outer-container::after,.whatWeDo .outer-container::after{content:"";display:block;position:absolute;width:25%;height:2px;top:0;right:0;background-color:#3c3c3c}.services .outer-container{position:relative;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff}.services .outer-container::before{content:"";display:block;position:absolute;width:25%;height:2px;top:0;left:0;background-color:#fff}.services .outer-container::after{content:"";display:block;position:absolute;width:25%;height:2px;top:0;right:0;background-color:#fff}@media (min-width:1200px){.about,.contact,.services,.whatWeDo,header{padding:125px}.outer-container{width:900px}}@media (min-width:768px){h1{font-size:54px}h2{top:-21px}.inner-container{margin:20px auto 50px}}@media (max-width:1199px){.about,.contact,.services,.whatWeDo,header{padding:10%}.outer-container{width:100%}}@media (max-width:767px){h1{font-size:32px}h2{top:0;margin-top:35px}.inner-container{margin:20px 10% 50px}}header{background-image:url(../img/header.png);background-position:center;background-size:cover;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;height:100vh;min-height:800px;text-transform:uppercase;color:#fff}header .wrapper{text-align:center}header .logo{padding:50px 0}header h1{padding:25px 0}header p{line-height:32px}header .scroll{padding-top:20vh}.services{background-image:url(../img/services.png);background-position:center;background-size:cover;color:#fff}.whatWeDo p{font-size:14px}.ourWorks{color:#fff}.ourWorks .row{display:grid;grid-gap:10px}@media (min-width:1200px){.ourWorks .row{grid-template-columns:2fr 3fr 2fr}}@media (min-width:768px) and (max-width:1199px){.ourWorks .row{grid-template-columns:1fr 1fr}}@media (max-width:767px){.ourWorks .row{grid-template-columns:1fr}}.ourWorks div{text-transform:uppercase}.ourWorks .works-1,.ourWorks .works-2,.ourWorks .works-3,.ourWorks .works-4,.ourWorks .works-5,.ourWorks .works-6{position:relative;height:240px;background-position:center;background-size:cover}.ourWorks .works-1 div,.ourWorks .works-2 div,.ourWorks .works-3 div,.ourWorks .works-4 div,.ourWorks .works-5 div,.ourWorks .works-6 div{position:absolute;left:40px;bottom:40px;font-size:34px;letter-spacing:.25rem}.ourWorks .works-1{background-image:url(../img/works-1.png)}.ourWorks .works-2{background-image:url(../img/works-2.png)}.ourWorks .works-3{background-image:url(../img/works-3.png)}.ourWorks .works-4{background-image:url(../img/works-4.png)}.ourWorks .works-5{background-image:url(../img/works-5.png)}.ourWorks .works-6{background-image:url(../img/works-6.png)}.contact button{margin-top:30px;border:none;width:395px;height:55px;background-color:#3c3c3c;font-family:Lato,sans-serif;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.25rem}@media (min-width:768px){.contact button{width:395px}}@media (max-width:767px){.contact button{width:75%}}footer{padding-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer img{margin:0 15px}footer p{margin:0 20px;line-height:36px;font-size:14px}