/* ==========================================
   RESPONSIVE DESIGN
========================================== */

@media (max-width:1200px){

.section-title{
font-size:36px;
}

}

@media (max-width:992px){

.section-title{
font-size:32px;
}

.hero{
text-align:center;
padding:90px 0;
}

}

@media (max-width:768px){

.section-title{
font-size:28px;
}

.hero h1{
font-size:34px;
}

.hero .btn{
display:block;
width:100%;
margin-bottom:15px;
}

}

@media (max-width:576px){

.section-title{
font-size:24px;
}

.hero h1{
font-size:28px;
}

body{
font-size:15px;
}

}