/* * {
    border: 2px solid black;} */
    .container{
        display: flex;
        flex-direction: column;
        
          font-family: 'Jura', sans-serif;
    
    }
.mySlides
{
    margin:auto;
}
  h2, h4{
    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;

  
      
  }
    h2{
        text-align: center;
    }
  .return{
    text-align: center;
    margin:10px;
    font-size: 25px;
  }
    a.active{
   margin-bottom: -60px;
   
    }

    .footerband{
        background-color: #a73f2d;
        color: #a73f2d;
        margin-top: 20px;

    }
    .headerband{
background-color: #a73f2d;
color:#a73f2d;
height:30px;
     
}
    .homepg{
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
color:white;
text-emphasis: bolder;
text-shadow: #ffffff;
font-family: 'Barlow Condensed', sans-serif;
font-size: 60px;
text-shadow: black 2px;
    }
    .yes{
        max-width: 200px;
        display: flex;
   
    }
    .homepageimg{
        width:300px;
       
    }
    .logo{
        max-width: 30%;
    }
    .header{
    display: flex;
    align-content: center;

}
.topnav {
    
    overflow: hidden;
    line-height: 10px;
  
  }



  *,
  a:before,
  a:after {
    box-sizing: inherit;
    text-decoration: none;
  
  }
  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;
    
  }
  
  
  
  .footer a{
  margin: 10px;
  text-decoration: none;
  }
  .footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
    font-family: 'Jura', sans-serif;
  }
  a:-webkit-any-link {
    color: #a73f2d;
  }
   
  
h4{
  text-align: center;
}
  span{
  margin: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;
  }

  .dropdown {
    float: left;
    overflow: hidden;

  }
  .dropdown .dropbtn {
    font-size: 15px;
    border: none;
    outline: none;
    color: black;
  
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 92px;
    

  }
  /* 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;
    height:72px;
  }
  
  .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;
    }

    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
    
    }
    .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;
       
    }


    @media screen and (min-width: 1000px) {
 .active{
     text-align: center;

 }
 a.home-class{
    display: none;}
 .button{
     font-size: 50px;
 }
}
  }