* {
  font-family: 'Jura', sans-serif;
}

a:hover{
  color: #45150e;
}
body {
  position: relative;
  margin: auto;
  padding-bottom: 6rem;
  /* min-height: 100%; */
  font-family: "Helvetica Neue", Arial, sans-serif;
  width: 100%;
  max-width: 1350px;
}
h4{
  text-align: center;
  font-size:30px;
}


.footer a{
margin: 10px;
text-decoration: none;
color: #45150e;
}
.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;

}


 

button.arrow{
  background-color: transparent;
  border-color: transparent;
  color: white;
  }
  hr{ 
max-width:190px;

}
.container2{
  height:400px;
  padding:0;
}
  .container{
      display: flex;
      flex-direction: column;
  }
a:-webkit-any-link{
text-decoration: none;
  color:white;



}


.links a{
  color: #45150e !important;

}

iframe{
max-width: 100%;

}
.bottomour{


    text-align: center;
margin-top:20px;
    font-family: 'Nunito', sans-serif;
font-size: 20px;
padding-bottom:15px;
    border-bottom: 1px solid #404040;
    color:black;

}
  .line{
    background-color:white;
    opacity: 40%;
    height:4px;
    margin:5px;

  }
div.homepg{
  padding:30px;
  margin-top: 20px;

 



}
div.text1box{
  margin-top: 12px;

}
  h1{
    font-family: 'Nunito', sans-serif;
    color:white;
  }
  div#text2box.text2box{
    text-shadow: 2px 2px black;
    


height: 300px; 
font-family: 'Nunito', sans-serif;
color: white;
text-decoration: none;
padding:20px;
font-size: 20px; 
max-width: 80%;
width:500px;
margin:auto;
}

  .our{
    text-align: center;
margin-top:20px;
    font-family: 'Nunito', sans-serif;
font-size: 30px;
padding-bottom:15px;
    border-bottom: 1px solid #404040;
    color:black;
  }

  .aboutinfo{
 

border: 1px solid black;
  margin-right:10px;
  margin-left:10px;
      font-size: 20px;
      text-align: center;
display: inline-block;
padding-top: 60px;
padding-left:50px;
padding-right:50px;
  }

  .button a{
      text-decoration: none;
      color: white;

  }
  .east{
    margin-bottom:10px;
    
  font-size:20px;
  }
  .east a{
    
      color:white;


font-family: 'Jura', sans-serif;
  }
  .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: larger;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

  
      
  }

  .button {

      background-color:#404040;
      border-radius:4px;
      /* border:1px solid #202020; */
      display:inline-block;
      cursor:pointer;
      color:#ffffff;
      font-family: 'Nunito', sans-serif;
      font-size:20px;

      padding:6px 14px;
      text-decoration:none;

      margin:3px;

  }
  .button:hover {
      background:linear-gradient(to bottom, #a73f2d 5%, #eb4a32 100%);
      background-color:#a73f2d;
  }
  .button:active {
      position:relative;
      top:1px;
  }
  .homep{
      width: 100%;
  }
p{
  width: 100%;
}
  
  .main1{
  max-width: 100%;

  }
  .container3{
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-evenly;
margin:20px;
/* height:700px; */
/* font-size:35px; */
/* padding-bottom: 00px; */
align-content: space-between;


  }




b{
font-size: 30px;


}

  .box1{
      width:314px;
      height:210px;
      text-align: center;

      margin-bottom: 0px;
      font-size:20px;

  }
#thediv{
  
  color: white;
margin:10px;
font-size:25px;
}
  .container3{
  
      flex-wrap:wrap;
      flex-direction:row;
      font-family: 'Barlow Condensed', sans-serif;
  }
  .box2{
      width:314px;
      height:260px;
      text-align: center;

    font-size: 20px;
  padding-top:40px;
      
  } 
  .box3{
    width:314px;
    height:200px;
    text-align: center;
    margin:0px;
    font-size:20px;
    text-align: center;


}
 .about-div{
    display: none;
  }

 

.text1box{
font-size: 18px;
font-family: 'jura' sans-serif;
}

  div.our{
    text-decoration: non
  }
  .homepg{

position: relative;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
color:white;
background-color: rgba(150, 0,0,0.35);
text-emphasis: bolder;
text-shadow: #ffffff;
font-family: 'jura' sans-serif;
font-size: 35px;
padding:10px;

  }
 
  .yes{
      max-width: 200px;
      display: flex;
 
  }

  .homepageimg{
      width:300px;
     
  }
  .logo{
      max-width: 30%;
  }
  .header{
  display: flex;
  align-content: center;
  
  
}

 
  

.back{
 align-self: center;
  display: flex;
  color: white;
  font-size: 40px;
  
}

.back a{
  text-decoration: none;
  color: white;
}
.topnav {
  
  overflow: hidden;
  line-height: 10px;


  
}



.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
padding:10px;
  text-decoration: none;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  line-height: 100px;


}


.active { 


       font-family: 'Roboto', sans-serif;
       
}


.topnav .icon {
  display: none;
  font-size: x-large;
  margin-right:10px;
}

.dropdown {
  float: left;
  overflow: hidden;

 
}
#east{
  margin:1px
}

.dropdown .dropbtn {
  font-size: 15px;
  border: none;
  outline: none;
  color: black;

  background-color: inherit;
  font-family: inherit;
  margin: 0;
  
  line-height: 92px;
  

}
.title{
    font-size: 40px;
}
/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  
  
}



.dropdown-content a {
  float: none;
  color: black;
  /* padding: 12px 16px; */
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  
}

.topnav a:hover, .dropdown:hover .dropbtn {

  color: #45150e;
}


.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
  
}


.dropdown:hover .dropdown-content {
  display: block;

}

    
@media screen and (max-width: 755px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
    font-size: x-large;
    margin-right:10px;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%; 
    text-align: left;
  }

  .homepg{
      position:absolute;
     
  }

  .about-div{
    display: initial;
  }
}

  @media screen and (max-width: 800px) {
.active{
   text-align: center;
}
a.home-class{
  display: none;
}



}