/* Reset */
*{
  margin:0;
  padding:0;
  box-sizing: border-box;
} 

/* Main Styling */
html,body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.7em;
}

a{
  color:#333;
  text-decoration: none;
}

h1,h2,h3 {
  padding-bottom: 20px;
}

p{
  margin: 10px 0;
}


/* Utility Classes */
.container{
  margin:auto;
  max-width: 1100px;
  overflow: auto;
  padding: 0 20px;
}

.text-primary{
  color:#1b35ca;
 
}

.lead {
  font-size: 20px;
  text-align: justify;
}


.btn {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  background: #333;
  padding: 13px 20px;
  border: none;
  cursor: pointer;
}

.btn hover{
  background: #2c2fdd;
  color: #333;
}

.btn-light{
  background: #f4f4f4;
  color:#333;
}

.bg-dark{
  background: #333;
  color:#fff;
  }

.bg-light{
  background: #f4f4f4;
  color:#333;
  }
.bg-primary{
  background:#372ea8;
  color: #333;
  }

 .clr {
   clear:both;
 } 
/* Navbar */
#navbar{
  background:#333;
  color:#fff;
  overflow: auto;
}

#navbar a {
  color:#fff;
}

#navbar h1{
  float:left;
  padding-top: 20px;
}

#navbar ul{
  list-style: none;
  float: right;
}

#navbar ul li{
  float:left;
}

#navbar ul li a{
  display: block;
  padding:20px;
  text-align: center;
}

#navbar ul li a:hover, #navbar ul li a.current{
  background: #444;
  color: #6e33ff;
}

/* Showcase */

#showcase {
  background: #a29ab5;
  /* height: 700px; */
  min-height: 600px;
}

#showcase .showcase-content{
  color:#fff;
  text-align: center;
  padding-top: 40px;
}

#showcase .showcase-content h1 {
  font-size: 60px;
  line-height: 1.2em;
}

#showcase .showcase-content p {
padding-bottom: 20px;
line-height: 1.7em;
}

#showcase ul{
    list-style: none;
    float: left;
  }
  
  #showcase li{

    text-align: justify;
  }
  
  /* #showcase li a{ */
    /* display: block;
    padding:20px; */
    /* text-align: justify;
  } */
}

/* Home Infor */
#home-info{
  height:400px;
}

#home-info .info-img{
  float:left;
  width: 50%;
  background: url(../hotel_website/hotel_website/img/photo-1.jpg) no-repeat;
  min-height: 100%;
}

#home-info .info-content{
  float:right;
  width:50%;
  height:100%;
  text-align: center;
  padding: 50px 30px;
  overflow: hidden;
}

#home-info .info-content p{
  padding-bottom: 30px;
}

/* Features */
.box{
  float: left;
  width: 33.3%;
  padding: 50px;
  text-align: center;
}

.box i {
  margin-bottom: 10px;
}

/* Footer */
#main-footer {
  text-align: center;
  background: #444;
  color: #fff;
  padding: 20px;
}