@media (max-width:770px) {
    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 1.73em;
    }

    h4 {
        font-size: 1.2em;
    }


    .carousel-caption {
        font-size: 2em;
    }

    .carousel-item {
        height: 75vh;
    }

    .bg-transparent {
        background: #fff !important; /*Add your own background*/
       
    }
}

@media (min-width:600px) and (max-width:900px) {
    .carousel-caption {
        font-size: 3em;
        top: 20%;
    }

    .carousel-item {
        height: 90vh;
    }

    .zene3 {
        left: 0;
    }

    .bg-transparent{
        background: #fff !important; /*Add your own background*/
     
    }
    .navbar-brand{
        font-size:1.25em !important;
    }
}


@media (min-width:360px)and (max-width:599px) {
    .carousel-item {
        height: 70vh;
    }

    .carousel-caption {

        top: 20%;
    }

    .zene3 {
        left: 0;
    }

    .bg-transparent {
        background: #fff !important; /*Add your own background*/
       
    }
    .logo{
        height:40px;
    }
    .navbar-brand{
        font-size:0.9em !important;
    }
}

@media (max-width:360px) {
    .carousel-caption {
        font-size: 1.3em;
        top: 20%;
    }

    .carousel-item {
        height: 65vh;
    }

    .zene3 {
        left: 0;
    }

    .bg-transparent {
        background: #fff !important; /*Add your own background*/
       
    }
    .logo{
        height:30px;
    }
    .navbar-brand{
        font-size:0.8em !important;
    }
}