/*=========================================================
LARGE DEVICES
=========================================================*/

@media (max-width:1200px){

.hero-title{

font-size:52px;

}

}


/*=========================================================
TABLETS
=========================================================*/

@media (max-width:992px){

.custom-navbar{

background:#081A38;

padding:12px 0;

}

.navbar-collapse{

background:#081A38;

padding:20px;

margin-top:15px;

border-radius:12px;

}

.nav-link{

margin:12px 0;

}

.hero{

text-align:center;

padding-top:120px;

min-height:auto;

}

.hero-title{

font-size:46px;

}

.hero p{

margin:auto;

}

.hero img{

margin-top:60px;

}

.service-card{

margin-bottom:30px;

}

.stats-section h2{

font-size:42px;

}

.cta-section h2{

font-size:42px;

}

.footer{

text-align:center;

}

.footer .col-lg-2,
.footer .col-lg-3,
.footer .col-lg-4{

margin-bottom:40px;

}

}


/*=========================================================
MOBILE
=========================================================*/

@media (max-width:768px){

section{

padding:70px 0;

}

.hero-title{

font-size:38px;

}

.hero p{

font-size:18px;

}

.display-5{

font-size:34px;

}

.service-card{

padding:35px;

}

.service-icon{

width:70px;
height:70px;

font-size:28px;

}

.btn-danger,
.btn-outline-light{

width:100%;

margin-bottom:10px;

}

.stats-section h2{

font-size:34px;

}

.cta-section h2{

font-size:34px;

}

.navbar-brand img{

height:50px;

}

}


/*=========================================================
SMALL PHONES
=========================================================*/

@media (max-width:576px){

.hero{

padding-top:110px;

}

.hero-title{

font-size:30px;

line-height:1.2;

}

.hero p{

font-size:16px;

}

.display-5{

font-size:30px;

}

.stats-section .col-6{

margin-bottom:35px;

}

.footer{

padding:60px 0 20px;

}

.footer h5{

margin-top:20px;

}

}/* CSS Document */