:root{
    --blue: #1d71b8;
}
html, body{
    padding: 0;
    margin: 0;
}

.main{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--blue);
}
.main .content{
    width: 100%;
    text-align: center;
}

.main p{
    text-align: center;
    margin: 2px;
}

@media all and (min-device-width: 1201px){
    .main .content .logo{
        max-width: 20vw !important;
        max-height: 20vw !important;
    }
    .main p{font-size: 1vw !important;}
}

@media all and (max-device-width: 1200px){
    .main .content .logo{
        max-width: 30vw !important;
        max-height: 30vw !important;
    }
    .main p{font-size: 1.5vw !important;}
}

@media all and (max-device-width: 86px){
    .main .content .logo{
        max-width: 35vw !important;
        max-height: 35vw !important;
    }
    .main p{font-size: 1.5vw !important;}
}

@media all and (max-device-width: 760px){
    .main .content .logo{
        max-width: 50vw !important;
        max-height: 50vw !important;
    }
    .main p{font-size: 2.8vw !important;}
}