@media (max-width: 767px) {



    .navbar{
        border-width: 0 0 1px;
        top:0;
        left: 0;
        position: fixed;
        background-color: #072f5f;
        right: 0;
        z-index: 1030;
        border-radius: 0;
        font-size: calc( (100vw - 240px)/(767 - 240) * (24 - 16) + 14px);
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #e0e0e0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        color: #b70414;
    }

    .dropdown-menu > li > a{
        white-space: normal;
    }

    .jcarousel-control-prev, .jcarousel-control-next, .jcarousel-pagination, .photo-credits{
        display: none;
    }

    #header{
        padding-top: 30px;
        padding-bottom: 0;
    }

    #header-tel{
         font-size: calc( (100vw - 240px)/(767 - 240) * (40 - 20) + 20px);
     }
    #header-tel-2{
         font-size: calc( (100vw - 240px)/(767 - 240) * (30 - 20) + 20px);
     }

    #header-tel-text{
        font-size: calc( (100vw - 240px)/(767 - 240) * (25 - 10) + 10px);
        line-height:normal;
        padding-top:0;
    }

    #header-info{
        font-size: calc( (100vw - 240px)/(767 - 240) * (20 - 10) + 10px);
    }
    #header-info span{
        padding: 2px;
    }

    .main-container{
        font-size: calc( (100vw - 240px)/(767 - 240) * (18 - 10) + 10px);
    }

    .main-container h1{
        font-size: calc( (100vw - 240px)/(767 - 240) * (30 - 20) + 20px);
        margin: 5px;
    }

    .main-container h2{
        font-size: calc( (100vw - 240px)/(767 - 240) * (30 - 20) + 20px);
        margin: 5px;
    }

    .main-container h3{
        font-size: calc( (100vw - 240px)/(767 - 240) * (20 - 10) + 10px);
        margin: 1px;
    }

    #footer-tel{
        font-size: calc( (100vw - 240px)/(767 - 240) * (25 - 10) + 10px);
        line-height:normal;
        padding-top:0;
    }

    .copyright{
        font-size: calc( (100vw - 240px)/(767 - 240) * (14 - 7) + 7px);
    }
}