/*
    Fonts
*/
@font-face {
    font-family: 'Inked-Angels';
    src: url('../fonts/inked-angels-personal-use.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/inked-angels-personal-use.ttf') format('truetype'), /* IE6-IE8 */
    url('../fonts/inked-angels-personal-use.ttf') format('truetype') /* Modern Browsers */;
}
@font-face {
    font-family: 'Tahoma';
    src: url('../fonts/tahoma.ttf'); /* IE9 Compat Modes */
    src: url('../fonts/tahoma.ttf') format('truetype'), /* IE6-IE8 */
    url('../fonts/tahoma.ttf') format('truetype') /* Modern Browsers */;
}

/*
    General
*/
body {
    font-family: "Tahoma", sans-serif;
    font-size: 25px;
    background: url("../img/background.jpg") repeat center;
    color: #fff;
}

header {
    margin-top: 2%;
}

/*
    Menu with images
*/
main.menu-img {
    margin-right: 40px;
}
main article.menu-img-item {
    /*width: 330px;*/
    margin-top: -70px;
}
main.menu-img svg.menu-img-item__title {
    position: relative;
    top: 55px;
    left:-40px;
    font-size: 55px;
    /*font-weight: bold;*/
    width: 400px;
    height: 140px;
    font-family: "Inked-Angels", sans-serif;
    fill: white;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
main.menu-img svg.menu-img-item__title .svgStroke {
    fill: white;
    stroke: black;
    stroke-width: 30px;
    stroke-linejoin: round;
}
main.menu-img img.menu-img-item__image {
    width: 100%;
    height: 80%;
    cursor: pointer;
}

/*
    Footer with navbar
*/
footer {
    background-color: transparent;
    text-transform: uppercase;
    color: #fff;
    width: 990px;
    margin-right: 40px;
    text-align: center;
}
footer .navbar-brand {
    display: none;
}
footer .navbar-dark .navbar-nav .nav-link {
    color: #fff;
    margin-right: 20px;
}

/*
    Responsive Design
*/
@media screen and (max-width: 1200px) {
    footer {
        background-color: transparent;
        text-transform: uppercase;
        color: #fff;
        width: 900px;
        margin-right: 0;
        margin-top: 20px;
    }
    main.menu-img svg.menu-img-item__title {
        position: relative;
        top: 55px;
        left:-40px;
        font-size: 45px;
        width: 300px;
        height: 140px;
        font-family: "Inked-Angels", sans-serif;
        fill: white;
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
}

@media screen and (max-width: 1199px) {
    footer {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    main.menu-img {
        margin-right: 10px;
    }
    main.menu-img img.menu-img-item__image {
        height: auto;
    }
    footer .navbar-dark .navbar-nav .nav-link {
        color: #fff;
        margin-right: 0;
    }
}