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

html, body {
    height: 100%;
    margin:0;
    padding:0;
}
body {
    margin: 0;
    background-color: #def3fa;
    font-family: 'Vectora', sans-serif;
}
.flex-container {
    height: auto;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.row {
    width: auto;
    background-color: #f42520;
}
.flex-item {
    padding: 5px;
    margin: 10px;
    min-width:1000px;
    line-height: 20px;
    display: flex;
    justify-content: center;
}

.flex-item h1{
    margin:20px 0;
    font-size: 84px;
    color:white;
}

.flex-item p{
    max-width:887px;
    min-width: 887px;
    line-height:30px;
    font-size: 21px;
}

.flex-item p a{
    color:white;
    font-weight: bold;
    font-size: 23px;
}

.black{
    color:black;
}

.white{
    color:white;
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .flex-item img{
        max-width:35%;
    }

    .flex-item h1 {
        margin: 10px 0;
        font-size: 33px;
    }

    .flex-item p {
        max-width: initial;
        min-width: initial;
        line-height: 30px;
        font-size: 18px;
        width: 35%;
    }

    .flex-item p a {
        font-size: 20px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .flex-item img{
        max-width:35%;
    }

    .flex-item h1 {
        margin: 10px 0;
        font-size: 33px;
    }

    .flex-item p {
        max-width: initial;
        min-width: initial;
        line-height: 30px;
        font-size: 18px;
        width: 35%;
    }

    .flex-item p a {
        font-size: 20px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .flex-container {
        height: 100%;
    }
    
    .flex-item img{
        max-width:70%;
    }

    .flex-item h1 {
        margin: 10px 0;
        font-size: 67px;
    }

    .flex-item p {
        max-width: initial;
        min-width: initial;
        line-height: 30px;
        font-size: 18px;
        width: 70%;
    }

    .flex-item p a {
        font-size: 20px;
    }
}

/* Large desktop */
@media (min-width: 1200px) {

}