body{font-family:"agenda"; color: #3E3E3A; margin:0;}
h1,h2,h3,h4,h5{padding:0px; margin:0px;}
img{max-width:100%;}
.container{width: 1060px; max-width: 100%; margin: auto; padding:0 20px;}
.error-outer{text-align: center; padding-bottom:52px; background-image: url('//res.cloudinary.com/ocean-holidays-test/image/upload/WingedBoots/Site/ErrorPage/wb-error-bg_2.png'); background-repeat: no-repeat;  background-position: center bottom;}
.error-outer .logo{padding: 40px 0;}
.error-outer h1{font-size: 150px; color: #464d60; }
.error-outer h2{font-size: 48px; color: #000; margin-bottom:20px;}
.error-outer p{font-size: 24px; color: #000; max-width:50%;  margin:0 auto 30px;} 
.wave-icon{margin-bottom: 15px;}
.return-btn{width: 380px; height: 54px; text-align: center; font-size: 26px; margin:auto; background-color: #000000; padding: 15px; display: flex;     align-items: center;    
            justify-content: center; text-decoration: none; color: #FFDD00; border-radius: 2px; font-weight:700;}
.return-btn:hover{background-color: #FFDD00; color: #202945;}
.error-list{display: flex; align-items: center; margin-top: 60px; gap: 20px; justify-content: center;}
.error-list-box{background-color: #fff; border:1px solid #464d60; padding: 20px; border-radius: 20px; width: calc(25% - 15px)}
.error-list-box i{margin-bottom:10px; display:inline-block;}
.error-list-box-heading{font-size: 17px; font-weight:700; margin-bottom:10px;}
.error-list-box-text{font-size: 18px;}


@media screen and (max-width: 1199px) {
   .error-outer {background-size:100%;}
   .error-outer h1{font-size:130px;}
   .error-outer h2{font-size: 40px;}
   .error-list{flex-wrap:wrap; max-width:75%; margin:60px auto 0;}
   .error-list-box{width:calc(45% - 15px)}    
}

@media screen and (max-width: 991px) {
        .error-list-box { width: calc(38% - 15px); }
}

@media screen and (max-width: 767px) {
    .container{width:auto;}
    .error-outer .logo { padding: 20px 0; }
    .error-outer .logo img { max-width: 180px;}
    .error-outer h1 { font-size: 100px;}
    .return-btn{width:280px; height:28px; font-size:22px;}
    .wave-icon{display:none;}
    .error-outer h2{font-size:30px;}
    .error-outer p{font-size:18px; max-width:100%;}
    .error-list{max-width:100%;}
    .error-list-box-heading{font-size: 16px;}
    .error-list-box{width:36%; padding:20px 15px;}
}

@media screen and (max-width: 359px) {
    .error-list-box {        width: 100%;          }
    .return-btn {        width: 240px;        }
}