@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Regular.ttf");
}

@font-face {
    font-family: Montserrat-Black;
    src: url("../fonts/Montserrat-Black.ttf");
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url("../fonts/Montserrat-SemiBold.ttf");
}

@font-face {
    font-family: Montserrat-Bold;
    src: url("../fonts/Montserrat-Bold.ttf");
}

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url("../fonts/Montserrat-ExtraBold.ttf");
}

@font-face {
    font-family: Montserrat-Medium;
    src: url("../fonts/Montserrat-Medium.ttf");
}

@font-face {
    font-family: "Segoe UI";
    src: url("../fonts/Segoe-UI.ttf");

}

html {
    background-color: #000;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/background-wood-desktop.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    height: 100%;
    /*overflow: hidden;*/
}

body {
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    font-family: Montserrat;
    overflow-x: hidden;
}

main {
    position: relative;
    min-height: 100vh;
}

.main-homeview {
    background-image: none !important;
}

#content-wrap {
    width: calc(100% - 300px);
    margin-left: 300px;
    padding-bottom: 50px;
}


@media screen and (max-width: 768px) {
    html {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/background-wood.jpg");
    }
}