/* font-awesome styling */
i{
  margin-left: 15px;
  cursor: pointer;
}


/* navbar customization */
.navbar{
  background-color: #1b226a;
}
.navbar a{
  color:white;
  font-size:smaller;
}
.dropdown-menu a{
  color:black;
}
.navbar-toggler-icon{
  background-image:url('./images/toggle.jpg');
  }




/* styling for parallax image and text and links over it */
.parallax {
  background-image: url('./images/main-image.jpg');
  height: 100vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#parallax-text{
  color:white;
  font-size:100px;
  font-weight: bolder;
  text-shadow:5px 5px 10px black;
  text-align: center;
  line-height: 60vh;
}
#dine-in{
  border: white 2px solid;
  width:100px;
  text-align:center;
  font-size: 20px;
  font-weight: bold;
  color:white;
  background:none;
}
#dine-in:hover{
  background:white;
  color:#1b226a;
}





/* section containing map and address details */
#section-2{
  margin-top: 50px 0; 
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#map-det{
  padding:25px;
}




/* image gallery styling */
#gallery{
  margin:100px 0;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background:1px solid black;
}
#gallery img{
  max-height:70vh;
  max-width:420px;
}
#gallery img:hover{
  opacity:0.9;
}




/* section-3 styling */
#section-3{
  padding:80px;
}




/* beatuiful parallax effect using multiple images */
#parallex-conti-1{
  background-image: url('./images/img-1.jpg');
  height: 450px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#parallex-conti-2{
  background-image: url('./images/img-2.jpg');
  height: 450px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#parallex-conti-3{
  background-image: url('./images/img-3.jpg');
  height: 450px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




/* section-5 with some link directed to certain pages */
#section-5{
  padding:80px;
}
#section-5 button{
 border-radius: 5px 5px 5px 5px;
 padding: 8px;
 margin:5px;
}
#section-5 button:hover{
  background:#1b226a;
  color:white;
}



/* footer styling */
footer{
  font-size: small;
  background:rgb(51, 48, 48);
  text-align: center;
  color:white;
  padding:50px;
}
footer #footer-part-1{
padding:10px;
display: flex;
align-items: center;
justify-content: space-between;
}
footer #back-to-top{
  border:4px solid black;
  border-radius: 5px 5px 5px 5px;;
  width:100px;
}
footer #back-to-top a{
  color:gray;
  text-decoration: none;
}
footer #back-to-top a:hover{
  color:white;
}





/* responsive design-code */
@media only screen and (max-width: 700px) {
  #section-2{
    flex-wrap: wrap;
  }
  #gallery img{
  max-height:250px;
  max-width:150px;
}
  #section-3{
    padding:20px;
  }

  footer #footer-part-1{
    flex-direction: column;
    align-items: flex-start;
  }

  #section-2{
   flex-wrap: wrap;
  }
  footer i{
    margin:2px;
  }
  
}