@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900);
body {
    font-family: 'Nanum Gothic', sans-serif;
}
 section {
     background-color: #FAFBFF;
 }
 section a {
     color: #000;
 }
 section a:focus, section a:hover {
    color: #2d232e;
}


.home {
    height: calc(100vh - 86px);    
    background:  url('../img/home.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.bg-light {
    background-color: #2d232e !important;
}

.nav-item {
    margin-right: 25px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #EAF3FF;
}

.navbar-light .navbar-nav .nav-link {
    color: #FAFBFF;
    font-size: 1.4em;
}
.navbar-light .navbar-brand {
    color: #FAFBFF;
    font-family: 'Cookie', cursive;
    font-size: 2.5em;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #EAF3FF;
}
.navbar-light .navbar-nav .show>.nav-link {
    color: #FAFBFF;
}

.welcome {
    position: absolute;
    bottom: -85px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.welcome p {
    font-family: 'Cookie', cursive;
    color: #FAFBFF;
    font-size: 5em;
    text-shadow: 3px 3px 0 black;
}

i {
    vertical-align: middle;
    width: 30px;
}

.dropdown-menu {
    border-radius: 0;
    border: 1px solid #FAFBFF;
    background-color: #2d232e;
    color: #FAFBFF;
}

.dropdown-item {
    color: #FAFBFF;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #FAFBFF;
    color: #2d232e;
}
.contact-data {
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #FAFBFF;
}
.contact-data p {
    font-size: 2em;

}
.mapa {
    background-color: #2d232e;
}

.container-fluid {
    padding: 0;
}
.container-fluid .row{
    margin: 0;
}
.container-fluid .row .col-12{
    padding: 0;
}
.contact-footer {
    padding-top: 2em;
    background-color: #2d232e;
    color: #FAFBFF;
    min-height: 250px;
}
.contact-footer i {
    height: 70px;
}
.small {
    font-size: 2em;
}

.contact-footer a {
    color: #FAFBFF;
}
.contact-footer a:focus, .contact-footer a:hover {
    color: #EAF3FF;
    text-decoration: none;
}
.transport {
    min-height: calc(100vh - 336px);
}

.z-depth-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232d232e' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232d232e' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
}
.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}
.cursive-font {
    font-family: 'Cookie', cursive;
    font-size: 5em !important;
    font-weight: 400 !important;
}
@media only screen 
and (min-width : 320px) 
and (max-width : 580px){
    .home {
        height: calc(100vh - 74px);    
        background:  url('../img/home.jpg') center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 0;
        padding: 0;
    }

    .navbar-light .navbar-toggler {
        border-color: rgb(224, 221, 207);
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(224, 221, 207)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .navbar-light .navbar-brand {
        color: #FAFBFF;
        font-family: 'Cookie', cursive;
        font-size: 2em;
        
    }

    .welcome {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .welcome p {
        font-family: 'Cookie', cursive;
        color: #FAFBFF;
        font-size: 4em;

    }
    .cursive-font {
        font-family: 'Cookie', cursive;
        font-size: 2.6em !important;
        font-weight: 400 !important;
    }
    .contact-data p {
        font-size: 1.4em;
        font-weight: 700;
    }
    .contact-data {
        min-height: 300px;
    }
    .z-depth-1-half {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important;
        margin-bottom: 2em;
    }

    .dropdown-menu {
        border-radius: 0;
        border: none;
        background-color: #2d232e;
        color: #FAFBFF;
        text-align: center;
        padding: 0;
        margin: 0;
        align-self: center;
        
    }
    .nav-item {
        margin-right: 0px;
        
    }
}