@media screen and (max-width: 768px) {
    .backColors{
    background: linear-gradient(90deg, rgb(30, 85, 145) 40%, rgb(244, 245, 247) 40%) !important;
}
}
@media screen and (max-width: 576px) {
    .logorex {
        margin: 50px 0px 0px 0px !important;
    }
    .backColors{
    background: rgb(30, 85, 145) !important;
    }
    .content {
        max-width: 372px !important;
        padding: 16px !important;
        text-align: center;
         
}
.iconCont {
    max-width: 72px !important;
    height: 76px !important;
    margin: auto;
    text-align: center;
}
h1 {
    color: #00B4FF;
    margin: auto auto 5px auto;
    font-size: 145% !important;
}
h3 {
    color: #5780AD;
    font-size: 16px !important;
    font-weight: 200;
    margin: 5px auto auto auto;
}
p.textoSec {
    font-size: 14px !important;
    color: #666666;
    font-weight: 200;
}
}
@media screen and (max-width: 411px) {
    .content {
        max-width: 360px !important;
        padding: 16px !important;
        text-align: center;
}
}
@media screen and (max-width: 375px) {
    .content {
        max-width: 320px !important;
    }
}
@media screen and (max-width: 360px) {
    .content {
        max-width: 252px !important;
    }
}
  

html,body {
    background-color: #F7F7F8;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.boxContainer {
        display: flex;
        min-height: 100%;
        flex: 1 1 0%;
}
.backColors {
    background: linear-gradient(90deg, rgb(30, 85, 145) 42.5%, rgb(244, 245, 247) 42.5%);
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
}
.content {
    display: flex;
    max-width: 572px;
    min-width: 272px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px 5px;
    background-color: rgb(255, 255, 255);
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 36px;
    border-radius: 10px;
    margin: 45px 0px 0px 0px;

}
.imgCont {
    max-width: 100%;
    height: auto;

}
.iconCont {
    max-width: 115px;
    height: 121px;
    margin: auto;
}
h1 {
    color: #00B4FF;
    margin: auto auto 5px auto;
}
h3 {
    color: #5780AD;
    font-size: 22px;
    font-weight: 200;
    margin: 5px auto auto auto;
}
p.textoSec {
    font-size: 16px;
    color: #666666;
    font-weight: 200;
}
.logorex {
    margin: 50px 0px 0px 20px;
}