/* =====================================
   Responsive Styles
   Women of Grace Foundation
===================================== */

/* Large Devices */

@media (max-width: 1200px) {

.hero h1{

font-size:56px;

}

}

/* Tablets */

@media (max-width:992px){

.custom-navbar{

background:#fff;

}

.nav-link{

color:#243447 !important;

margin-left:0;

padding:12px 0;

}

.hero{

text-align:center;

height:auto;

padding:180px 0 120px;

}

.hero h1{

font-size:48px;

}

.hero p{

font-size:18px;

margin:auto;

}

.section{

padding:80px 0;

}

.program-card{

margin-bottom:30px;

}

footer{

text-align:center;

}

footer .col-lg-4{

margin-bottom:40px;

}

}

/* Phones */

@media (max-width:768px){

.hero h1{

font-size:38px;

}

.hero p{

font-size:17px;

}

.hero .btn{

display:block;

width:100%;

margin-bottom:15px;

}

.impact{

text-align:center;

}

.impact h1{

font-size:42px;

margin-top:25px;

}

.cta h2{

font-size:34px;

}

.section img{

margin-bottom:35px;

}

}

/* Small Phones */

@media (max-width:576px){

.hero{

padding-top:150px;

}

.hero h1{

font-size:30px;

}

.hero h5{

font-size:14px;

}

.hero p{

font-size:16px;

}

.btn{

padding:14px 24px;

}

.navbar-brand img{

height:55px;

}

.section{

padding:60px 0;

}

.program-card{

padding:30px;

}

footer{

padding:50px 0 20px;

}

}