.errorContentMain {
    font-size: 2vw;
    position: relative;
    /* height: 100vh; */
    top: 15vw;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    width: 100%;
}
.errorLogo:hover{
    opacity: 0.8;
    transition: .5s ease;
}
img {
    width: 100%;
    max-width: 87%;
    height: auto;
}
.text1{
    color: #fff;
    text-align: center;
    margin-bottom: 0.5vw; 
}
.text2{
    color: #fff;
    text-align: center;
    margin-bottom: 0.5vw; 
}
.text3{
    color: #fff;
    text-align: center;
    margin-bottom: 0.5vw; 
}
.text3 a{
    color: #fff;
    margin-left: 2vw;
}
.errorLogo{
    font-size: 3.660vw;
    line-height: 4.978vw;  
    margin-bottom: 3vw; 
    width: 33%;
    position: relative;
    left: 35vw;
}
.errorFooter{
    position: absolute;
    top: 88vh;
    width: 100%;
    text-align: center;
}
.errorFooter span,.errorFooter a{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;  
    font-size: 0.8vw;
    text-transform: lowercase;
    text-decoration: none;
}
.errorFooter a:hover,.text3 a:hover{
    opacity: 0.5;
}



@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;
    }
    .errorFooter {
        position: absolute;
        bottom: 60px;
    }
    .errorFooter span,.errorFooter a{      
        font-size: 10px;
    }
    .desk {
        display: inline-block !important;
}
.errorContentMain {
    font-size: 4vw;
    position: relative;
    /* height: 100vh; */
    top: 65vw;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    width: 100%;
}

}