/* Your custom styles */
/* Navigation*/
body{
    font-family: "Open Sans", sans-serif !important;
}
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea
{
    font-size: 1.5rem !important;
}

footer{
    background-color: #272727 !important;
}

nav{
    box-shadow: none !important;
}

.top-nav-collapse{
    background-color: #272727 !important;
}

.navbar {
    background-color: transparent;
}

.nav-blue {
    background-color: #272727;
}

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

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}
.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}
.top-nav-collapse {
    background-color: #272727;
}

.view {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
footer.page-footer {
    background-color: #272727;
    margin-top: -1px;
}

/*Call to action*/
.flex-center {
    color: #fff;
}

ul.list-group-flush:last-child p {
    display: inline;
}

.contactUsForm{
    width: 100% !important;
}

.contactUsForm textarea{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0;
    outline: 0;
    width: 100%;
    font-size: 1rem;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 150px;
    font-size: 1.5rem !important;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #272727;
    }

    #carousel-example-3{
        display: none;
    }

    section.view{
        display: none;
    }

    #fullImageCarouselContainer{
        margin-top: 100px;
    }

    

}

@media only screen and (max-width: 768px) {
    .display-3 {
        font-size: 3rem;
        margin-top: 4rem;
    }
    h3 {
        font-size: 1.3rem;
    }
}

@media only screen and (min-width: 768px) {
    .img-about{
        width: 100%;
    }
}