@font-face {
    font-family: "Lato Hairline";
    src: url("~/fonts/Lato-HairlineItalic.eot");
    src: local("Lato-HairlineItalic"),
        url("~/fonts/Lato-HairlineItalic.eot?#iefix")
            format("embedded-opentype"),
        url("~/fonts/Lato-HairlineItalic.woff2") format("woff2"),
        url("~/fonts/Lato-HairlineItalic.woff") format("woff"),
        url("~/fonts/Lato-HairlineItalic.ttf") format("truetype"),
        url("~/fonts/Lato-HairlineItalic.svg#Lato-HairlineItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-Black.eot");
    src: local("Lato Black"), local("Lato-Black"),
        url("~/fonts/Lato-Black.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-Black.woff2") format("woff2"),
        url("~/fonts/Lato-Black.woff") format("woff"),
        url("~/fonts/Lato-Black.ttf") format("truetype"),
        url("~/fonts/Lato-Black.svg#Lato-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-Light.eot");
    src: local("Lato-Light"),
        url("~/fonts/Lato-Light.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-Light.woff2") format("woff2"),
        url("~/fonts/Lato-Light.woff") format("woff"),
        url("~/fonts/Lato-Light.ttf") format("truetype"),
        url("~/fonts/Lato-Light.svg#Lato-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato Hairline";
    src: url("~/fonts/Lato-Hairline.eot");
    src: local("Lato-Hairline"),
        url("~/fonts/Lato-Hairline.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-Hairline.woff2") format("woff2"),
        url("~/fonts/Lato-Hairline.woff") format("woff"),
        url("~/fonts/Lato-Hairline.ttf") format("truetype"),
        url("~/fonts/Lato-Hairline.svg#Lato-Hairline") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-BlackItalic.eot");
    src: local("Lato Black Italic"), local("Lato-BlackItalic"),
        url("~/fonts/Lato-BlackItalic.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-BlackItalic.woff2") format("woff2"),
        url("~/fonts/Lato-BlackItalic.woff") format("woff"),
        url("~/fonts/Lato-BlackItalic.ttf") format("truetype"),
        url("~/fonts/Lato-BlackItalic.svg#Lato-BlackItalic") format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-BoldItalic.eot");
    src: local("Lato Bold Italic"), local("Lato-BoldItalic"),
        url("~/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-BoldItalic.woff2") format("woff2"),
        url("~/fonts/Lato-BoldItalic.woff") format("woff"),
        url("~/fonts/Lato-BoldItalic.ttf") format("truetype"),
        url("~/fonts/Lato-BoldItalic.svg#Lato-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-LightItalic.eot");
    src: local("Lato-LightItalic"),
        url("~/fonts/Lato-LightItalic.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-LightItalic.woff2") format("woff2"),
        url("~/fonts/Lato-LightItalic.woff") format("woff"),
        url("~/fonts/Lato-LightItalic.ttf") format("truetype"),
        url("~/fonts/Lato-LightItalic.svg#Lato-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-Bold.eot");
    src: local("Lato Bold"), local("Lato-Bold"),
        url("~/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-Bold.woff2") format("woff2"),
        url("~/fonts/Lato-Bold.woff") format("woff"),
        url("~/fonts/Lato-Bold.ttf") format("truetype"),
        url("~/fonts/Lato-Bold.svg#Lato-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-Regular.eot");
    src: local("Lato Regular"), local("Lato-Regular"),
        url("~/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-Regular.woff2") format("woff2"),
        url("~/fonts/Lato-Regular.woff") format("woff"),
        url("~/fonts/Lato-Regular.ttf") format("truetype"),
        url("~/fonts/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("~/fonts/Lato-Italic.eot");
    src: local("Lato Italic"), local("Lato-Italic"),
        url("~/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),
        url("~/fonts/Lato-Italic.woff2") format("woff2"),
        url("~/fonts/Lato-Italic.woff") format("woff"),
        url("~/fonts/Lato-Italic.ttf") format("truetype"),
        url("~/fonts/Lato-Italic.svg#Lato-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

*,
*:after,
*:before {
    padding: 0;
    margin: 0;
    box-sizing: inherit;
}

a,
a:active,
a:hover,
a:link,
a:visited {
    color: #434f79;
    text-decoration: none;
    text-transform: uppercase;
}

body,
html {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #ffffff;
    color: #434f79;
}

.mainDiv {
    position: absolute;
    top: calc(100% / 2 - 256px);
    left: calc(100% / 2 - 256px);
    text-align: center;
    padding-top: 36px;
    width: 512px;
    height: 180px;
}

@media (max-width: 1280px) {
    .mainDiv {
        position: absolute;
        top: calc(100% / 2 - 256px);
        left: calc(100% / 2 - 176px);
        text-align: center;
        padding-top: 36px;
        width: 384px;
        height: 180px;
    }
}