@font-face {
    font-family: SB Sans Display;
    src: url('../fonts/SBSansDisplay-Regular.otf');
}
@font-face {
    font-family: SB Sans Display;
    src: url('../fonts/SBSansDisplay-Light.otf');
    font-weight: 300;
}
@font-face {
    font-family: SB Sans Text;
    src: url('../fonts/SBSansText-Regular.otf');
}
@font-face {
    font-family: SB Sans Text;
    src: url('../fonts/SBSansText-Bold.otf');
    font-weight: bold;
}

* {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

.main {
    display: flex;
    justify-content: center;

    background: url(../images/topBg.jpg) top/110% 100vh no-repeat,
                url(../images/bottomBg.jpg) bottom/100% 320px no-repeat;
    cursor: default;
    background-color: #FCFCFC;
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 1200px;
}

.container_hide {
    display: none;
}

.title {
    font-family: SB Sans Display;
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;

    color: #334047;
}

@media (max-width: 1439px) {
    .main {
        background: url(../images/topBg.jpg) top/110% 100vh no-repeat,
                    url(../images/bottomBg.jpg) bottom/100% 320px no-repeat;
    }

    .container {
        flex-basis: 928px;
    }

}

@media (max-width: 1023px) {
    .container {
        flex-basis: 704px;
    }
}

@media (max-width: 767px) {
    .main {
        background:
        url(../images/topBg.jpg) top/100% 130vh no-repeat,
        url(../images/bottomBg.jpg) bottom/100% 320px no-repeat;
    }

    .container {
        flex-basis: 327px;
    }

    .title {
        width: 100%;

        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 374px) {
    .main {
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .container {
        flex-basis: 320px;
    }

    .title {
        width: 100%;

        font-size: 28px;
        line-height: 32px;
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .dummy-screen_hide {
        display: flex;
    }

    .container {
        display: none;
    }
}