.error{}

.site-error-page .error{ margin: 0 0 -3rem 0;}
.error-page-content{ margin: 0 0 -3rem 0;}

.error .full-content{height:auto; min-height: calc(100vh - 60px);  padding: 0 15px; width: 100%}
.error .full-content .block-error{text-align: center; margin-top: 6rem; z-index: 5}

.error .full-content .block-error h1{font-size: 4em; line-height: 1em; margin: 0 0 1rem 0; font-weight: 800;}
.error .full-content .block-error p{font-size: 1.8em; line-height: 1.4em;}
.error .full-content .block-error p.mb-0{margin-bottom: 0;}
.error .full-content .block-error p strong{}
.error .full-content .block-error p a{color: #202027; text-decoration: underline;}
.error .full-content .block-error p a:hover{color: #202027}

.error .full-content .block-error .text-error{z-index: 6; width: 600px; margin: 0 auto;}
.error .full-content .block-error p.very-big-404{font-size: 18rem; line-height:1em; font-weight: 800; z-index: 5;}


.error .bg-error{ background: #fff url("https://www.guestreservations.com/images/pages/p-error/bg-error-2000.jpg") no-repeat scroll top center;
    background-size: cover; height: 350px; width: 100%; bottom: 0; left: 0; z-index: 4;}


.dev-block{z-index: 5; padding: 1rem; border: 1px solid #eaeaee; font-size: 1.6em; }

/* Bg position */

@media (max-height: 1380px) and (max-width: 1024px){

    .error .bg-error{height:450px; }
}

@media (max-height: 850px) and (max-width: 1280px){

    .error .bg-error{height:300px; }
}



@media (max-height: 767px) {

    .error .full-content .block-error {margin-top: 4.5rem;}
    .error .bg-error{height:200px; }
}

/* Adaptiv MIN
-------------------------------------------------- */

@media (min-width: 1980px){

    .error .bg-error{ background: #fff url("https://www.guestreservations.com/images/pages/p-error/bg-error.jpg") no-repeat scroll top center;
                    background-size: cover; height: 500px;}

}


@media (max-width: 991.98px){

    .error .bg-error{ background: #fff url("https://www.guestreservations.com/images/pages/p-error/bg-error-1000.jpg") no-repeat scroll top center;
                    background-size: cover;}

}

@media (max-width: 767.98px){

    .error .full-content .block-error h1{font-size: 3em;}
    .error .full-content .block-error p{font-size: 1.6em;}
    .error .full-content .block-error p.very-big-404{font-size: 10rem; line-height:1em; }


    .error .full-content .block-error { margin-top: 4rem}

    .error .full-content .block-error .text-error{width: 500px;}

}

@media (max-width: 575.98px){
    .error .full-content .block-error { margin-top: 3rem}

    .error .full-content .block-error{max-width: 360px;}

    .error .full-content{min-height: calc(100vh - 52px);}
    .error .full-content .block-error p{line-height: 1.2em;}
    .error .full-content .block-error p.mb-0{margin-bottom: 0.5rem!important;}

    .error .full-content .block-error .text-error{width: 100%;}

}

@media (max-width:320px){

    .error .full-content{min-height: calc(100vh - 49px);}
    .error .full-content .block-error p.very-big-404{font-size: 8rem;  }

}
