li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}

/************** home page **************/

body{
    font-family: Lora;
    font-size: 18px;
}

/* navigation bar */

.logo{
    margin-top: -30px;
    height: 80px;
}

nav{
    padding: 10px 0;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.644);

}

li a{
    color: #001408;
}

nav li:hover a:hover{
    text-decoration: none;
    color: #FE214F;
    background-color: unset;
    box-shadow: 0 0 3px #FE214F;
}



/* home page image */

.bg_img{
    margin: 0%;
    margin-top: -20px;
    padding: 0%;
    display: block;
    width: 100%; 
    height: 700px;  
    background-image: url(../img/img1.jpg);
    /* filter: blur(2px); */
    background-size: cover;
}


.face{
    width: 100%; 
    height: 700px; 
    /* background-color: #34566480; */
}

.face_content{
    position: relative;
    top: 30%;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}

#headline{
    font-family: Caveat;
    font-weight:bolder;
    color: #025837;
    text-transform: capitalize;
    text-shadow: 2px 2px #eeff00;
    font-size: 450%;
}

.book_btn{
    margin-top: 25px;
    height: 60px;
    width: 200px;
    color: #001408;
    border-color: #001408;
    border-radius: 30px;
    font-size: 22px;
    background-color: yellow;
    box-shadow: 0 0 10px #ff4141;
}

.book_btn:hover{
    color: white;
    background-color: #024d30;
}


/* briefing information */

p{
    margin-bottom: 30px;
}

.intro{
    margin-top: 50px;
    font-size: 25px;
    font-family: 'Josefin Sans', sans-serif;
    color: #FE214F;
}

.briefing{
    margin: 20px;
    padding: 20px 20px 20px 0;   
    text-align: justify;
}


/* differece between packages */

.heading{
    margin: 20px -120px;
    padding: 30px 0;
    background-color: #ffdbbd;
    color: #024d30;
    font-weight: bolder;
    font-size: 30px;
    border-left-color: #eeff00;
}

.package{
    margin: 20px 0;
    font-size: 30px;
    font-weight: 700;
    color: #FE214F;
    border-left: 5px solid #FE214F;
}

td{
    padding: 8px 15px;
    border-bottom: 2px solid black;
}

#regular , #premium{
    margin: 30px -20px;
    padding: 40px 50px;
    border: 1px solid black;
    border-radius: 20px;
    box-shadow: 0 0 15px #FE214F;
}


/* gallery */

.gall_title{
    width: 100%;
    margin: 15px 0;

}

/* gallery cards */

.card_parent{
    /* padding: 20px 20px; */
    margin: 30px 10px;
    text-align: center;
    padding-bottom: 20px;
    font-size: 25px;
    font-weight: 400;
    border: 2px solid black;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.925);
}

a .card_parent{
    color: #025837;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
}

a .card_parent:hover{
    color: #FE214F;
    box-shadow: 0px 0px 20px #FE214F;
}

.card1, .card2, .card3, .card4{
    height: 400px;
    margin-bottom: 30px;
}

.card1{
    background-image: url(../img/Escapeway/1\ \(6\).jpeg);
    background-size: cover;
}

.card2{
    background-image: url(../img/Escapeway/1\ \(25\).jpeg);
    background-size: cover;
}

.card3{
    background-image: url(../img/Escapeway/1\ \(22\).jpeg);
    background-size: cover;
}

.card4{
    background-image: url(../img/Escapeway/1\ \(23\).jpeg);
    background-size: cover;
}



/* link to gallery page */

.link_external{
    background-color: rgb(204, 245, 132);
    padding: 30px 0;
    margin: 0 -120px;
}

.link1{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #ff4141;
}

.link1:hover{
    color:maroon;
}

/* footer */

footer{
    background-color: #001408;
    color: #ffffffd7;
    margin-top: 30px;
    padding-top: 20px;
    font-size: 16px;
}

footer a{
    /* color: rgb(204, 245, 132); */
    color: #ffffffd7;
}

footer h4{
    font-weight: bolder;
    padding: 20px 0;
    border-bottom: 2px solid #ff4141;
}

footer li{
    margin: 5px 0px;
    margin-left: -40px;
}
footer li a:hover, .c1 a:hover{
    color: #ff4141;
}

/* rows of connect with us in footer */

.c1{
    margin: 15px 0;
}

.fa-3x{
    margin: 20px 20px;
    float: left;
}

.fa-3x:hover{
    margin: 9px;
    padding: 9px;
    box-shadow: 0px 0px 10px white;
    border: 2px solid #ff4141;
}

.footer_owner{
    padding: 8px;
    color: #FF925B;
    font-size: 16px;
    background-color: #000a04;
}

.footer_owner a:hover{
    color: #e5ff00;
}




/*******   Gallery page  ********/

.gallery{
    text-align: justify;
}

.gallery_tab , .gallery_mobile{
    display: none;
}

/* all image size */
.g{
    margin: 20px 10px;
    height: 400px;
}


/********** about us and contact page *********/

.about_contact_img{
    margin-top: -20px;
    margin-bottom: 20px;
    height: 500px;
}

.about_img{
    background-image: url(../img/Escapeway/about.jpeg);
    background-size: cover;
}

.contact_img{
    background-image: url(../img/Escapeway/1\ \(20\).jpeg);
    background-size: cover;
}

.about_contact_heading{
    position: relative;
    top: 50px;
    text-align: center;
    font-size: 40px;
    color:#024d30;
    text-shadow: 2px 2px 0px yellow;
    font-family: 'Philosopher', sans-serif;
        text-decoration:overline;
}

.about_contact_txt h3{
    margin-bottom: 20px;
    color: #024d30;
    font-family: 'Philosopher', sans-serif;
}

.about_contact_txt{
    margin-top: 40px;
    text-align: justify;
}

/* ad bar */

.ad_bar{
    margin: 30px 0px;
    box-shadow: 0 20px 20px black;
}

.ad_title{
    padding: 30px;
    color: #024d30;
    font-size: 50px;
    background-color: #ffdbbd;
}

.ad_parent{
    padding: 40px 0;
    padding-left: 50px;
    background-color: rgb(238, 162, 251);
    /* text-align: center; */
    font-size: 25px;
    font-family: 'Philosopher', sans-serif;
}

.ad_parent:hover{
    background-color: aquamarine;
}

.ad_txt_home{
    padding-top: 40px 20px;
    text-align: justify;
}

.ad{
    padding-left: 20px;
    padding-right: 10px;
    font-size: 45px;
    color: #FE214F;
    border-left: 6px solid #FE214F;
}

/* book button bottom */

.book_bottom{
    margin-bottom: 40px 20px;
}


/***** contact page form ******/

.form_heading{
    margin: 20px 0;
    padding-left: 20px;
    font-size: 30px;
    font-family: 'Philosopher', sans-serif;
    border-left: 6px solid #FE214F;
}

.req{
    color: red;
}

.call_btn{
    height: 50px;
    font-size: 28px;
    background-color: #FE214F;
    color: white;
    font-family: 'Philosopher', sans-serif;
}

/* address card on contact page */
.contact_addr{
    margin: 20px 0 80px 0;
    padding: 20px 0 20px 10px;
    background-color: thistle;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    border-radius: 40px 0 40px 0;
    box-shadow: 30px 30px 5px rgba(46, 46, 46, 0.836);
}




/* tablets devices */
@media(max-width:1199px) {



    /* gallery page */
    .gallery_tab{
        display:contents;
        text-align: justify;
    }

    .gallery , .gallery_mobile{
        display: none;
    }

    .g_tab{
        /* float: left; */
        margin: 15px 10px;
        height: 200px;
    }

}




/* mobile devices */
@media(max-width:760px)
{

    /* navigation bar */

    .logo{
        margin-top: -20px;
    }

    /*****   home page  ******/

        .bg_img{
            background-image: url(../img/img3.jpg);
        }

        #headline{
            font-size: 300%;
        }

        /* book now button */
        .book_btn{
            margin-bottom: 50px;
        }

        /* headings */
        .heading{
            margin: 10px -15px;
            font-size: 25px;
        }

        /* comparision */
        #regular , #premium{
            margin: 40px 20px;
            padding: 20px;
            border: 1px solid black;
        }

        /* link to gallery page */

        .link_external{
            padding: 20px 0;
            margin: 0 -15px;
        }

        .link1{
            font-size: 30px;
        }

        
        /* footer */

        .footer_owner{
            font-size: 14px;
        }

    /********* gallery page *******/

        /* mobile device gallery */
        .gallery_mobile{
            display:contents;
            text-align: justify;
        }

        .gallery , .gallery_tab{
            display: none;
        }

        .g_mobile{
            width: 100%;
            margin: 15px 0px;
            padding: 10px 10px;
            border: 1px solid black;
            box-shadow: 0 0 5px black;
        }



    /************** about contact page ************/

        .about_img{
            background-image: url(../img/Escapeway/1\ \(7\)1.jpeg);
        }

        .contact_img{
            background-image: url(../img/Escapeway/2\ \(11\)1.jpg);
        }

        .about_contact_txt{
            margin: 20px;
        }



        /* address card on contact page */
        .contact_addr{
            box-shadow: 20px 20px 5px black;
        }

        
        /* ad bar */

        .ad_title {
            font-size: 35px;
        }
        .ad_parent{
            padding: 20px 0 20px 23%;
        }
        .ad{
            font-size: 30px;
            padding-left: 20px;
        }



}