.errorContentMain{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #351633;
    width: 100%;
    font-size: 2vw;
font-family: FormaLight;
}
.errorLogo:hover{
    opacity: 0.8;
    transition: .5s ease;
}
.text1{
    text-align: center;
    margin-bottom: 0.5vw; 
}
.text2{
    text-align: center;
    margin-bottom: 0.5vw; 
}
.text3{
    text-align: center;
    margin-bottom: 0.5vw; 
}
.text3 a{
    color: #351633;
}
.errorLogo{
    margin-bottom: 3vw;   
    text-align: center;
}
.errorFooter a:hover,.text3 a:hover{
    opacity: 0.5;
}
img.mainLogo {
    width: 20%;
}
footer{
position: absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 0;

}


@media only screen and (max-width:1023px), only screen and (max-width:1024px) and (orientation: portrait) {
    .errorLogo{
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 45px;
    }
    .text1,.text2,.text3 {
        margin-bottom: 10px;
    }
img.mainLogo {
    width: 55%;
}
.errorContentMain{
    font-size: 5vw;
}


    }