main.masthead {
    position: relative;
    background-color: #343a40;
    background: url("../img/landing/22.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
main.mastheads {
    position: relative;
    background-color: #343a40;
    background: url("../img/landing/22.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 12rem;
    padding-bottom: 12rem;
}
main.mastheads .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
}
    main.masthead .overlay {
        position: absolute;
        background-color: #212529;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.8;
    }

    main.masthead h1 {
        font-size: 2.5rem;
        line-height: 4rem;
    }

    main.masthead a.btn {
        color: #fff;
        background-color: #008bad;
        border-radius: 0;
        border: none;
    }

        main.masthead a.btn:hover {
            color: #fff;
            background-color: #11b3db;
        }



@media (min-width: 768px) {
    main.masthead {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }

    header.masthead h1 {
        font-size: 3rem;
    }
}

.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: 7rem;
    padding-bottom: 7rem;
}

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

        .features-icons .features-icons-item .features-icons-icon {
            height: 7rem;
        }

            .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;
        }

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

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

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

.call-to-action {
    position: relative;
    background-color: #343a40;
    background: url("../img/landing/1.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

    .call-to-action .overlay {
        position: absolute;
        background-color: #212529;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.3;
    }

    .call-to-action input[type="email"] {
        background-color: #008bad;
        color: #fff;
        border-radius: 0;
        margin-right: 0;
    }

        .call-to-action input[type="email"]::-webkit-input-placeholder {
            color: #fff;
        }

        .call-to-action input[type="email"]::placeholder {
            font-size: 11px;
        }

    .call-to-action .btn {
        background-color: #00a7ad;
        color: #fff;
        border-radius: 0;
        border: 1px solid #ced4da;
    }


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}