/* YOUR CUSTOM STYLES */

html,
body {
    height: 100%;
}
/* Navigation*/

.navbar {
    background-color: transparent;
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    background-color: #8b2d82;
}

footer.page-footer {
    background-color: #8b2d82;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #8b2d82;
    }
}
/* Carousel*/

.carousel {
    height: 75%;
}

@media (max-width: 776px) {
    .carousel {
        height: 50%;
    }
}

.carousel-item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-item:nth-child(1) {
    background-image: url("../pics/woman-phone.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.4;
}

.carousel-item:nth-child(2) {
    background-image: url("../pics/man-phone1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item:nth-child(3) {
    background-image: url("../pics/man-phone2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
/*Caption*/

.flex-center {
    color: #000;
}

#contact .fa {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.extra-margins {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}