@media (min-width: 0px) {
    #main_menu {
        z-index: 1020;
        top: 0;
    }
    #main_menu a {
        display: block;
        
    }
    #contact-information{
        margin-top: 10vh;
    }
    .responsive-margin-top{
        margin-top: 66px;
    }
    #menuDiv {
        overflow: hidden;
        /*transition: scale 0.5s ease;*/
        white-space: nowrap;
        display: none;
    }
    #menuDiv.show {
        display: block;
    }
    #logo{
        transition: height 0.5s ease;
    }
    #logo_m{
        height:50px;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
   #main_menu{
        transition: all 700ms ease;
        z-index: 1020;
        top: 0;
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 97%, rgba(255, 255, 255, 0.011729691876750659) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 97%, rgba(255, 255, 255, 0.011729691876750659) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 97%, rgba(255, 255, 255, 0.011729691876750659) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);

    }
    #main_menu a {
        display: inline-block;
        display: -moz-inline-block;
       width: 160px;
    }
     #logo{
        transition: height 0.5s ease;
        height:100px;
    }

    #gallery>div{
        height: 70vh;
    }
    #trdDiv{
        margin-top: 75vh!important;
    }
    #fthDiv{
        margin-top: 30vh!important;
    }

    #contact-information{
        margin-top: 25vh;
    }
    .responsive-margin-top{
        margin-top: 100px;
    }

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}
*{
    font-family:Roboto;
}
.hyphenate {

    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -epub-hyphens: auto;
}
#main_menu{
    transition: all 700ms ease;
    z-index: 1020;
    top: 0;
}
#main_menu a {
    color: black;
    text-decoration:none;
}
.flip {
    -webkit-animation: flip_pages 10s ease-in-out 5s infinite;
    -o-animation: flip_pages 10s ease-in-out 5s infinite;
    animation: flip_pages 10s ease-in-out 5s infinite;
    -moz-animation: flip_pages 10s ease-in-out 5s infinite;
}
@keyframes flip_pages {
    0% {
        transform: rotateY(0deg);
    }
    10% {
        transform: rotateY(180deg)
    }
    20% {
        transform: rotateY(0deg)
    }
}

#contact-information{
    background-color: black;
}
#contact-information a {
    color: #e4dada;
    text-decoration: none;
}