@charset "utf-8";
/* CSS Document */


@media(max-width: 900px){
 body{width: 100%;
        height: 100%;
                
                
			
                margin: 0;
                overflow-x: hidden;
                  font-family: 'Poppins', sans-serif;
background-image: url("background.png");
                background-position: center center;
                background-size: cover;
	background-attachment: fixed;
background-repeat: no-repeat;
	 
        }
	section{
		display: flex;
		width: 100%;
	height: auto;
	}

        .top{
                display: flex;
                width: 100%;
        height: auto;
                border-bottom: 1px solid #000;
                justify-content: center;
                align-content: center;
                align-items: center;
                flex-direction: column;
        }

        .logo{
                display: none;
                font-size: 3vh;
                font-weight: bold;
                padding: 10px;
        }
        .space{
                display: flex;
                width: 100%;
                height: 100%;

                justify-content: center;
                flex-direction: column;
                gap: 10px;
                align-content: center;
                align-items: center;
margin-top: 40%;

        }
	 .booking{
                display: flex;
                width: 80%;
                height: 35vh;
                background-color: lightblue;
                align-items: center;
		 align-content: center;
                border: 1px solid #000;
                padding: 10px;
                flex-direction: column;
opacity:90%;

        }

        .contact{

                display: flex;
                width: 80%;
                background-color: lightgreen;
                height: 40%;
                align-content: center;
                align-items: center;
 
               border: 1px solid #000;
                padding: 10px;
                flex-direction: column;
                justify-content: center;
gap: 10px;
        opacity: 90%;
        }

.contact-txt,.book-txt{font-size: 5vh;
font-weight: bold;
}
.booking-txt{display: flex;
width: auto;
height: auto;
background-color: #fff;
color: #000;
padding: 10px;
	flex-direction: column;
}
        .hr{color: #000;
        width: 50%;
                height: 2px;

        }
        footer{
display: flex;
                width: 100%;
        height: 10%;

                background-color: green;
                justify-content: center;
                }
	 .get-started-btn{
width: auto;
height: auto;
border: 0;
padding: 10px;
background-color: lighgreen;
}
	.reasons{
		display: flex;
		width: auto;
	height: auto;
	}
.get-started-btn:hover{
background-color: darkgreen;
}
	h2{
		display: inline;
		margin: 0;
	}
	
}



/* desktop start */

@media (min-width: 1024px){
	
	
	
	 body {
  width: 100%;
  height: 100%; /* Use vh for viewport height */
  margin: 0;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
  
background-image: url("background.png");
                background-position: center center;
                background-size: cover;
	background-attachment: fixed;
background-repeat: no-repeat;
}


        .top{
                display: flex;
                width: 100%;
        height: auto;
                border-bottom: 1px solid #000;
                justify-content: center;
                align-content: center;
                align-items: center;
                flex-direction: column;
        }

        .logo{
                display: none;
                font-size: 3vh;
                font-weight: bold;
                padding: 10px;
        }
        .space{
                display: flex;
                width: 100%;
                height: auto;

                justify-content: center;
                flex-direction: column;
                gap: 10px;
                align-content: center;
                align-items: center;
			margin-top: 20%;
        }
	 .booking{
                display: flex;
                width: 80%;
                height: 50%;
                background-color: lightblue;
                align-items: center;
		 align-content: center;
                border: 1px solid #000;
                padding: 10px;
                flex-direction: column;
opacity:90%;

        }

        .contact{

                display: flex;
                width: 80%;
                background-color: lightgreen;
                height: 50%;
                align-content: center;
                align-items: center;
 
               border: 1px solid #000;
                padding: 10px;
                flex-direction: column;
                justify-content: center;
gap: 10px;
        opacity: 90%;
        }

.contact-txt,.book-txt{font-size: 5vh;
font-weight: bold;
}
.booking-txt{display: flex;
width: auto;
height: auto;
background-color: #fff;
color: #000;
padding: 10px;
	flex-direction: column;
}
        .hr{color: #000;
        width: 50%;
                height: 2px;

        }
        footer{
display: flex;
                width: 100%;
        height: 10%;

                background-color: green;
                justify-content: center;
                }
	 .get-started-btn{
width: auto;
height: auto;
border: 0;
padding: 10px;
background-color: lightgreen;
}
	.reasons{
		display: flex;
		width: auto;
	height: auto;
	}
.get-started-btn:hover{
background-color: darkgreen;
}
	h2{
		display: inline;
		margin: 0;
	}
	
	
	
}

/* desktop end */