/*

VERDE #229B8C
CELESTE #A3D9E9

*/


@font-face {
    font-family: Amatic;
    src: url('../fonts/Amatic-Bold.ttf');
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Regular.ttf');
}

@font-face {
    font-family: OpenSansCondensed-Light;
    src: url('../fonts/OpenSansCondensed-Light.ttf');
}

@font-face {
    font-family: OpenSansCondensed-Bold;
    src: url('../fonts/OpenSansCondensed-Bold.ttf');
}

* {
    font-family: Lato;
}

h1 {
    font-family: Lato;
    font-size: 3rem;
}

h3 {
    font-family: Amatic;
    font-size: 3rem;
    margin: 20px auto;
}

h4 {
    font-family: OpenSansCondensed-Light;
    font-size: 1.6rem;
    margin: 0 auto;
    color: #229B8C;
    margin: 0 auto 10px auto;
}

p {
    font-family: OpenSansCondensed-Light;
    margin: 0 auto;
    font-size: 1.4rem;
}


.btn {
    font-family: OpenSansCondensed-Light;
    margin: 0 auto;
    font-size: 1.4rem;
}

.btn-primary {
    background-color: #229B8C;
    line-height: 1;
    border: 0;
    padding: 10px 50px;
}

/* HEADER
--------------------------------- */

.navbar {
    background-image: url(../imgs/header-bg.jpg);
    background-size: auto 100%;
    height: 120px;
}

.logo {
    position: absolute;
    top: 10px;
    left: 100px;
    width: 250px;
}

.nav-link {
    font-family: Amatic;
    font-size: 1.6rem;
    padding: 71px 0 0rem 0rem;
}

.social-icon {
    width: 25px;
}


/* JUMBOTRON
---------------------------------- */
.jumbotron {
    margin-bottom: 0;
}

.jumbotron-image {
    padding-top: 120px;
    background-image: url(../imgs/jumbotron-image.jpg);
    background-size: cover;
    height: 600px;
}

.jumbotron h1 {
    margin-top: 50px;
    color: #229B8C;
    font-size: 1.4rem;
}

.jumbotron .line {
    width: 100px;
    height: 5px;
    background-color: #000000;
}



/* SECTIONS
----------------------------------- */
.section-blu {
    background-color: rgba(163, 217, 233, .2);
    text-align: center;
}

.bg-parcheggio {
    background-image: url(../imgs/parcheggio-disabili.jpg);
    background-size: cover;
}

.bg-auto {
    background-image: url(../imgs/disabile-auto.jpg);
    background-size: cover;
}

.bg-parking {
    background-image: url(../imgs/parking-only.jpg);
    background-size: cover;
}



/* FOOTER
----------------------------------- */
footer p {
    font-size: 1rem;
    text-align: left;
}

.align-left img {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    display: block;
}





/* MOBILE
----------------------------------- */
@media (max-width: 575.98px) {

    /* HEADER
--------------------------------- */

    .navbar {
        background-image: url(../imgs/header-bg.jpg);
        background-size: auto 100%;
        height: 120px;
    }

    .logo {
        position: absolute;
        top: 10px;
        left: 30px;
        width: 200px;
    }

    .nav-link {
        font-family: Amatic;
        font-size: 1.6rem;
        padding: 10px 0 0rem 0rem;
    }

    .navbar-toggler {
        position: fixed;
        top: 40px;
        right: 30px;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,1);
        border-color: rgba(0,0,0,.5);
    }
    .social-icon {
        width: 25px;
    }

    
    .bg-parcheggio,
    .bg-auto,
    .bg-parking {
        height: 100vw;
    }


}