@font-face {
    font-family: 'Bebas Neue';
    src: url('res/font/BebasNeue-Regular.ttf');
}

@font-face {
    font-family: 'Silk Remington';
    src: url('res/font/SilkRemington-SBold.ttf');
}

h1 {
    color: white;
    font-family: 'Bebas Neue';
    font-size: 90px;
}

p {
    color: white;
    font-family: 'Silk Remington';
    font-size: 20px;
}

hr {
    border-top: 1px solid #FFF;
    width: 30%;
    margin-bottom: 30px;
}

a {
    color: #FFF;
    text-decoration: none;
}

iframe.const {
    width: 40%;
    height: 750px;
    zoom: 90%
}

.legend-div {
    align-self: center;
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

.text-div {
    align-self: center;
    text-align: center;
    width: 30%;
    margin: 0px auto;
}

@media only screen and (max-width: 1366px) {
    hr {
        width: 90%;
    }

    .text-div {
        width: 90%;
    }

    .legend-div {
        width: 100%;
    }

    iframe.const {
        width: 100%;
        height: 550px;
    }
}