* {
    /* border: 2px black solid; */
        font-family: 'Jura', sans-serif;
    
    }
    body{
    font-family: 'Jura', sans-serif;
    margin:auto;
    max-width: 1350px;
    }
    
    
        .nav {
          border-bottom: 1px solid grey;
        }
      
    
      
    
    html {
      height: 100%;
      box-sizing: border-box;
    }
    
    *,
    a:before,
    a:after {
      box-sizing: inherit;
      text-decoration: none;
    
    }
    a:hover{
      color: #45150e;
    }
    body {
      position: relative;
      margin: 0;
      padding-bottom: 6rem;
      min-height: 100%;
      font-family: "Helvetica Neue", Arial, sans-serif;
        margin:auto ;
    }
    
    
    
    .footer a{
    margin: 10px;
    text-decoration: none;
    }
    .footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1rem;
      background-color: #efefef;
      text-align: center;
    
    }
    a:-webkit-any-link {
      color: #a73f2d;
    }
     
        
        div.boxholder{
          margin:auto;
      align-items: center;
        }
      .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;
      
      }
      
      html.no-js{
        margin:auto 0;
      }
      html{
         height:auto;
         width:100%;
         margin: auto 0;
      }
        .footerband{
            background-color: #a73f2d;
            color: #a73f2d;
      
        }
       
          
          .sidenav{
              text-align: center;
              margin:40px;
          }
          /* The navigation menu links */
          .sidenav a {
            padding: 6px 8px 6px 16px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
          }
          
        
          .sidenav a:hover {
            color: #f1f1f1;
          }
      
        img.photo1{
          max-width: 100%;;
        }
        .photo1{
            max-width: 100%;
            position: relative;
            width: 100%;
        }
      .box{
      margin:auto;
      
      }
      .heading{
      text-align: center;
      font-size: 6vw;
      background-color: black;
      color: white;
      position: absolute;
      display: inline-block;
      left:35%;
      bottom: 50%;
      
      
      }
      div.boxholder{
      text-align: center;
      
      }
      
      .boxholder{
      display: flex;
      align-content: space-between;
      flex-direction:row;
      text-align: center;
      padding: 30px;
      margin: 30px;
      transition: all s ease-in;
      }
      .box1{
      max-width: 100%;
      margin-right:30px;
      }
      .box2{
        max-width: 100%;
        margin-right:30px;
        display: inline-block;
      }
      .box3{
        margin-right:30px;
      }
        .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;
      
        
      }
      div#myTopnav .topnav{
      border: 1px solid black;
      }
      
      .topnav {
      
        overflow: hidden;
        line-height: 10px;
      
        
      }
      .title{
    font-family: 'Jura' sans-serif;
     
        text-align: center;
        margin:30px;
        background-color: #a73f2d;
        border-radius: 40px;
        color: white;
        
      
      }
      .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;
        }
        .boxholder{
            display: flex;
      flex-direction: column;
            }
        
      .box{ 
          margin:auto;
      }
      
      .box1{
          margin: auto;
      }
      .box2{
        margin: auto;
      
      }
      .box3{
        margin: auto;
      }
        @media screen and (min-width: 1000px) {
      .active{
         text-align: center;
      
      }
      
       a.home-class{
      display: none;}
      
      .boxholder{
        display: flex;
      flex-direction: row;
        }
      .button{
         font-size: 50px;
         
      }
        
      
      }
      }