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

html, 
body {
    
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  
     font-size: 20px;
     line-height: 1.73em;
     overflow-x: hidden;
}


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


}


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

.container{
   max-width: 1100px;
   margin: auto;
   padding: 0 20px;
   overflow: auto;

}

.text-primary{
    color: rgb(255, 194, 115);
}


.text{
    font-size: 19.5px;

}

.btn{
    background-color: #333;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 20px;
}



.btn:hover{
  background-color: #444;
  color: goldenrod;

}


.btn-light{
    background-color: #eee;
    color: #333;

}

.btn-light:hover{
     background-color: goldenrod;
     color: #333;

}



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

}


.bg-light{
    background-color: #eee;
    color: #333;

}

.bg-primary{
    background-color: goldenrod;
    color: #eee;

}


#navbar{
    background-color: #333;
    color: #fff;
    overflow: auto;
    
}

#navbar a {
    color: #fff;
}

#navbar h1{
  margin-bottom: 20px;
  float:left;
}

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

#navbar ul li{
float:left;
}

#navbar ul li a{
/* display:block; */
padding: 20px;
text-align: bottom; 


}

#navbar ul li a:hover,
 .cureent{

    background-color: #444;
    color: goldenrod;  
} 

/* Header */
#header{
    background:linear-gradient(
     to bottom right,
     rgba(136, 92, 92, 0.480),rgba(94, 165, 223, 0.600)) ,url('https://images.unsplash.com/photo-1499793983690-e29da59ef1c2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover;
    height:94.4vh;
    color: #fff;
    text-align: center;
}

#header .header-content{
    margin-top: 300px;
}

#header.header-content h1{
    font-size: 60px;
    text-transform: uppercase;
    line-height: 1.5em;
}


/* intro-section */

#intro-section{

height: 100vh;

}


#intro-section .intro-img{
background: url(https://images.unsplash.com/photo-1519143468229-4cde34927323?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80)no-repeat center center/cover;
width: 50%;
float: left;
min-height: 100%;

}

#intro-section .intro-content{

    text-align: center;
    float: right;
    width: 50%;
    padding: 0 100px;
    padding-top: 300px;

}


/* Second Section */

.box{
    width: 33.3%;
    float: left;
    padding: 100px 20px;
    height: 50vh;
    text-align: center;

}

.clr{
    clear: both;
}

#footer{
    background-color: #333;
    color: #fff;
    text-align: center;
    font-size: small;
    overflow: auto;
    padding: 10px 0;
}

#footer p{
    margin: 2px;
}