style.min.css

body{font-family:'Open Sans', sans-serif;}
html{font-size:10px;}
a:active, a:visited, a:focus{outline:none;text-decoration:none;}
.main{position:relative;text-align:center;color:#fff;height:100vh;display:table;width:100%;background:#000 url(../img/main-bg_light.jpg) center center no-repeat;}
.main-overlay{position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:1;}
.main h1{margin-bottom:1.4rem;font-weight:300;text-transform:uppercase;font-size:4.8rem;}
.main p{font-weight:300;font-size:3rem;}
.main-wrapper{display:table-cell;vertical-align:middle;}
.main-header{position:relative;margin-left:auto;margin-right:auto;width:100%;z-index:2;}
.main-line{height:1px;width:200px;background:#fff;margin:0 auto;}
.main-down{display:inline-block;position:absolute;color:#fff;bottom:2rem;font-size:2rem;width:50px;height:50px;border-radius:50%;border:1px solid transparent;line-height:50px;left:50%;margin-left:-25px;z-index:4;transition:0.2s;}
.main-down:hover{color:#fff;border-color:#fff;}
.portfolio{padding:10rem 0px;text-align:center;}
.section-header{text-transform:uppercase;font-weight:800;font-size:3.6rem;margin-bottom:5rem;}
.portfolio img{width:100%;max-width:360px;box-shadow:0px 4px 29px 0px rgba(87, 92, 97, 0.54);}
.portfolio a{display:block;margin:2rem auto 6rem;color:#333;width:17rem;border-bottom:1px solid transparent;}
.portfolio a:hover{text-decoration:none;border-bottom:1px dotted #333;}
.footer{background:#646464;text-align:center;color:#fff;padding:3rem 0;}
.footer strong{font-weight:300;font-size:2.4rem;}
.social-links{margin-top:1rem;}
.social-links a{width:5rem;height:5rem;line-height:5rem;display:inline-block;color:#fff;border:solid 1px #fff;border-radius:50%;margin-left:1rem;margin-right:1rem;font-size:2rem;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.social-links a:hover{background-color:#fff;color:#646464;}
.offer-btn{display:block;width:80%;max-width:200px;margin:1rem auto;border:1px solid #fff;padding-top:1rem;padding-bottom:1rem;color:#fff;border-radius:100px;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.offer-btn:hover{background-color:#fff;color:#646464;text-decoration:none;}
.modal img{width:100%;}
.close{background-color:transparent;border:none;font-size:2.5rem;position:absolute;right:2rem;top:1rem;}
.modal-title{font-size:2rem;font-weight:800;}
.modal-btn{display:inline-block;color:#333;border:1px solid #333;padding:10px 20px;border-radius:5px;}
.modal-btn:hover{background-color:#333;color:#fff;text-decoration:none;}
@media (min-width:0px) and (max-width:767px){html{font-size:7px;}
.footer strong{margin:3rem 0 2rem;display:inline-block;}
.social-links a{font-size:1.5rem;}
}
@media (min-width:768px) and (max-width:991px){.footer strong{margin:3rem 0 2rem;display:inline-block;}
}