@import url("slideshow.css");
@import url("contact.css");
@import url("location.css");
@import url("news.css");

html, body {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: 0px;
    line-height: 0;
    /*font-family: Arial;*/
    font-family: 'Lobster', cursive;
    background-color: white;
}

.topnav {
    top: 0;
    width: 100%;
    overflow: hidden;
    background-color: #333;
    height: 10vh;
    min-height: 50px;
}

.sticky {
    position: fixed;
}

.topnav button {
    float: left;
    overflow: hidden;
    background-color: #333;
    display: block;
    color: white;
    text-align: center;
    padding: calc(5px + 1.5vh) calc(5px + 1.5vh);
    text-decoration: none;
    font-size: calc(18px + 0.8vw);
    border: none;
    height: 100%;
    font-family: 'Lobster', cursive;
}

.topnav button:focus {
    outline: none;
}

.content {
    height: 90vh;
    width: 100vw;
    display: none;
}

/* default content */

#content-home {
    display: block;
}

/*.content .active {
    display: contents;
}*/

iframe {
    margin: 0px;
    border: 0px;
    padding: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: block;
}

.topnav .active, .topnav button:hover {
    background-color: #4CAF50;
    color: white;
    border: none;
}

.topnav .icon {
    display: none;
}

.content {
    background-color: rgb(197, 201, 197);
    background-image: url("../img/mas.jpg");
    background-size: cover;
    background-position: initial;
    background-repeat: no-repeat;
}

@media screen and (orientation: portrait) {
    .topnav .label {
        display: none;
    }
    .topnav button {
        padding: calc(5px + 1.5vh) calc(5px + 1.5vh);
        width: 20vw;
    }
    .topnav .icon {
        display: block;
    }
    .topnav .icon img {
        filter: invert(1);
        width: 6vw;
    }
}