@font-face {
    font-family: 'georgia-bold-italic';
    src: url('/fonts/georgia/georgia-bold-italic.eot'),
         url('/fonts/georgia/georgia-bold-italic.woff') format('woff'),
         url('/fonts/georgia/georgia-bold-italic.ttf') format('truetype'),
         url('/fonts/georgia/georgia-bold-italic.svg#alte_haas_groteskbold') format('svg');

}

@font-face {
    font-family: 'helvetica-thin';
    src: url('/fonts/helvetica/helvetica-thin.eot'),
         url('/fonts/helvetica/helvetica-thin.woff') format('woff'),
         url('/fonts/helvetica/helvetica-thin.ttf') format('truetype'),
         url('/fonts/helvetica/helvetica-thin.svg#alte_haas_groteskbold') format('svg');

}

@font-face {
    font-family: 'helvetica-light';
    src: url('/fonts/helvetica/helvetica-light.eot'),
         url('/fonts/helvetica/helvetica-light.woff') format('woff'),
         url('/fonts/helvetica/helvetica-light.ttf') format('truetype'),
         url('/fonts/helvetica/helvetica-light.svg#alte_haas_groteskbold') format('svg');

}

@font-face {
    font-family: 'helvetica-regular';
    src: url('/fonts/helvetica/helvetica-regular.eot'),
         url('/fonts/helvetica/helvetica-regular.woff') format('woff'),
         url('/fonts/helvetica/helvetica-regular.ttf') format('truetype'),
         url('/fonts/helvetica/helvetica-regular.svg#alte_haas_groteskbold') format('svg');

}

@font-face {
    font-family: 'helvetica-medium';
    src: url('/fonts/helvetica/helvetica-medium.eot'),
         url('/fonts/helvetica/helvetica-medium.woff') format('woff'),
         url('/fonts/helvetica/helvetica-medium.ttf') format('truetype'),
         url('/fonts/helvetica/helvetica-medium.svg#alte_haas_groteskbold') format('svg');

}

@font-face {
    font-family: 'helvetica-bold';
    src: url('/fonts/helvetica/helvetica-bold.eot'),
         url('/fonts/helvetica/helvetica-bold.woff') format('woff'),
         url('/fonts/helvetica/helvetica-bold.ttf') format('truetype'),
         url('/fonts/helvetica/helvetica-bold.svg#alte_haas_groteskbold') format('svg');

}

::selection {
    background-color: #FFFFFF;
    color: #5E68FF;
}

body {
    background-color: #5E68FF;
    margin: 0;
    font-family: "helvetica-light", "Helvetica Neue", "Helvetica", sans-serif;
}

.intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: white;
    padding-top: 180px;
}

.nice-logo {
    width: 240px;
    height: auto;
    margin-bottom: 50px;
}

.intro .text-standard {
    width: 56%;
    font-size: 20px;
    line-height: 30px;
}

@media screen and (max-width: 960px) {
    .intro .text-standard {
        width: 72%;
    }
}

@media screen and (max-width: 560px) {
    .intro .text-standard {
        width: 90%;
    }
}

.intro .text-catchy {
    margin-top: 14px;
    font-family: "georgia-bold-italic", serif;
    font-size: 24px;
}