body {margin:0;padding:0;}
.main-container{width:100%;display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;padding:30px;box-sizing:border-box}
.page-not-found-img{width:50%;text-align:right;float:left;}
.page-not-found-img img{width:80%;}
.page-not-found-content{width:50%;float:left;text-align:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;}
.page-not-found-content h1{font-size:100px;font-size:8vw;margin:0;padding:0;font-weight:400;font-family:'Century Gothic';}
.page-not-found-content p{font-size:14px;font-size:1.3vw;letter-spacing:-1px;margin:0;padding:15px 0;font-weight:700;font-family:'Myriad Pro',Arial,sans-serif;}
.back-urls{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}
.back-urls .backlink{font-size:16px;font-size:1.2vw;font-weight:700;font-family:'Myriad Pro',Arial,sans-serif;text-align:center;width:200px;width:10vw;}
.back-urls .backlink a{color:#000;text-decoration:none;}
.back-urls .backlink span{display:flex;width:80px;height:80px;width:6vw;height:6vw;border:2px solid #000;border-radius:50%;margin:0 auto 5px;justify-content:center}
.back-urls .backlink span img{width:80%;height:100%;}

@media screen and (max-width:992px) {
    .page-not-found-img{text-align:center;}
    .page-not-found-img img{width:90%;}
    .page-not-found-content p{font-size:14px;}
    .back-urls .backlink{font-size:14px;width:150px;}
    .back-urls .backlink span{display:flex;width:80px;height:80px;}
}

@media screen and (max-width:767px) {
    .page-not-found-content h1{font-size:72px;}
    .back-urls .backlink{font-size:14px;}
}

@media screen and (max-width:600px) {
    .page-not-found-img{width:100%;}
    .page-not-found-img img{width:80%;}
    .page-not-found-content{width:100%;}
    .back-urls .backlink{width:120px;}
}