body{
    font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:700;
        font-family: 'Satisfy', cursive;
}

header.masthead{
    position:relative;
    background-color:#343a40;
    background:url(../img/bg.jpg) no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding-top:8rem;
    padding-bottom:8rem;
}

header.masthead .overlay{
    position:absolute;
    background-color:#212529;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:.3;
}

header.masthead h1{
    font-size:2rem;
}
@media (min-width:768px){
    header.masthead
    {
        padding-top:4rem;padding-bottom:4rem
    }

header.masthead h1{
    font-size:6rem}
}

.showcase .showcase-text{
    padding:3rem
}

.showcase .showcase-img{
    min-height:30rem;
    background-size:cover
}

@media (min-width:768px)
{
    .showcase .showcase-text{padding:7rem}
}

.features-icons{
    padding-top:2rem;
    padding-bottom:2rem
}

.features-icons .features-icons-item{
    max-width:20rem
}

.features-icons .features-icons-item .features-icons-icon{
    height:8rem
}

.features-icons .features-icons-item .features-icons-icon i{
    font-size:4.5rem
}

.features-icons .features-icons-item:hover .features-icons-icon i{
    font-size:5rem
}

.bio{
    padding-top: 2rem;
    padding-bottom:2rem
}

.testimonials{
    padding-top:2rem;
    padding-bottom:2rem
}

.testimonials .testimonial-item{
    max-width:18rem
}

.testimonials .testimonial-item img{
    max-width:12rem;
    box-shadow:0 5px 5px 0 #adb5bd
}

.gallery{
    padding-top: 2rem;
    padding-bottom;2rem
}

.gal{
    max-width: 9rem;
}

@media (max-width:768px){
    .gal{
        max-width: 2rem;
    }
}

footer.footer{
    padding-top:4rem;
    padding-bottom:4rem
}