/* * {
    border: 2px solid black;} */
    .container{
      display: flex;
      flex-direction: column;
      
  }
  .nav {
    border-bottom: 1px solid grey;
  }

  body{
    max-width: 1350px;
    margin:auto;
        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;


  
}
h1{
  color: #404040;
}
.holder{
    margin:auto;
}

  .main1{
  max-width: 100%;

  }

h1{
text-align: center;
    font-family: 'Jura', sans-serif;

}

  .headerband{
background-color: white;
color: white;
height:40px;
  }


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

}
.holder{
display: flex;
}
.back{
 align-self: center;
  display: flex;
  color: white;
  font-size: 40px;
  
}
div#myTopnav .topnav{
border: 1px solid black;
}

.topnav {

  overflow: hidden;
  line-height: 10px;

  
}
.title{
  font-family: 'Barlow Condensed', sans-serif;
  text-align: center;
  margin:30px;
  background-color: #a73f2d;
  border-radius: 40px;
  color: white;
  
}

  *,
  a:before,
  a:after {
    box-sizing: inherit;
    text-decoration: none;
  
  }
  a:hover{
    color: #45150e;
  }
  body {
    position: relative;
    padding-bottom: 6rem;
    min-height: 100%;

    
    
  }
  
  
  
  .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;
}

.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;
  

}
.title{
    font-size: 40px;
}

.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;
    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;
 
  }
  
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

  


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

}

.button{
   font-size: 50px;
}
}