@font-face {

    font-family: "raleway";

    src: url(raleway.ttf);

}

body, html {

    font-family: 'Raleway', sans-serif;

    margin: 0px;

    padding: 0px;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;

    width: 100%;

}



.nav {

    width: 100%;

}



.nav-item {

    text-align: center;

    color: black;

    font-family: 'Raleway', sans-serif;

}



.nav-item .contact {

    font-size: 1vw;

}



.navbar .menu {

    font-size: 1.25vw;

}



.btn:focus, .btn-active {

    outline: none !important;

    box-shadow: none !important;

}



a:hover, .btn:hover {

    color: #0099ff !important;

}



.contact, .link {

    color: black;

}



.of {

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 20px;

}



.header {

    background-color: white;

    width: 100%;

    position: fixed;

    z-index: 1;

}

/*

.below-header {

    height: 6vh;

}*/



.content {

    z-index: 2;

}



.container, .container-fluid {

    font-family: 'Raleway', sans-serif;

    padding-top: 25px;

    padding-bottom: 25px;

}



.bg-img {

    width: 100%;

    z-index: -1;

    display: block;

    position: relative;

}



.footer {

    background: url("Kalamary.jpg") no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    color: white;

    text-align: center;

    font-size: 17px;

    font-family: 'Raleway', sans-serif;

}



.footer .btn {

    color: white;

    text-align: center;

}



.footer p {

    margin-top: 5px;

}



.invisible {

    color: transparent;

}



.anchor {

    position: relative;

    top: -60px;

}



.div-fish {

    display: inline-block;

}



.div-text {

    margin-left: 16px;

    margin-right: 1cm;

}



.div-map {

    margin-right: 1cm;

}



.div-text, .div-map, .p {

    float: left;

    display: inline-block;

}



@media only screen and (max-width: 767px) {

    .anchor {

        top: -80px;

    }



    .below-header {

        height: 6vh;

    }

}



@media only screen and (min-width: 768px) {

    .md-no-collapse {

        -webkit-transition: none !important;

        -moz-transition: none !important;

        -ms-transition: none !important;

        -o-transition: none !important;

        transition: none !important;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .anchor {

        top: -120px;

    }

    

    .of {

        font-size: 16px;

    }

}



@media only screen and (max-width: 991px) {

    .nav-item .contact, .item-md a i {

        font-size: 15px;

    }



    .navbar .menu {

        font-size: 20px;

    }



    .footer {

        font-size: 20px;

    }



    .contact-text {

        width: 200px;

    }

}



@media only screen and (max-width: 1199px) {

    .div-fish {

        margin-bottom: 15px;

    }

}



@media only screen and (min-width: 992px) {

    .col-md {

        margin-left: 40px;

    }

}



@media only screen and (min-width: 1600px) {

    .anchor {

        top: -75px;

    }

}