@media only screen and (min-width: 1023px) {
    .brandarea{
        display:flex;
        flex-direction:row;
        justify-content:center
      }
      .brandname{
        display:flex;
        flex-direction:column;
      }
      .brandnameh2{
        margin-top:30px;
        font-weight:bold
      }
      .logo{
        height:96px;
        width:116px;
        margin-top:22px;
        margin-right:20px;
     }
      .navbar{
          height:80px;
          background-color:#1F61AA;  
        }
      .nav-item{
       margin-right:20px
      }
      .nav-item:hover{
        border-bottom: 3px solid white;
        }
        .verytop{
        height:130px;
        font-family:proza;
        
        }
        .navbar-brand{
        display:none
        }
      .contactsdiv{
      margin:50px auto; 
      width:50%;
      text-align: center;
      border:2px solid #EEECEF;
      border-radius: 15px;
      font-size: 18px;
      box-shadow: 5px 5px 5px#EEECEF inset;
      padding: 20px
      }
      .contacts{
      padding-top:20px; 
      font-family:proza;
      display: flex; 
      flex-direction: row; 
      justify-content: center;
      }
      .contactlabels{
        padding-top: 5px;  
        font-family:proza;
      }
      .callbtn{
        margin-left:20px;
        background-color:#1F61AA;
      }
      .directions{
        margin:20px auto;
        text-align:center;
        width:82%;
        display: flex;
        flex-direction: row;
      }
      .directionstext{
        width:23%;
        font-size: 20px;
        line-height:40px;
        border:2px solid #EEECEF; 
        border-radius: 15px;
        font-family:proza;
        box-shadow: 5px 5px 5px#EEECEF inset;
      }
      .corevaluescontainer{
        background-color: #EEECEF;
        margin-top:40px;
        text-align: center;
        padding: 15px 0 10px 0;
      }
      .maps{
        border:0;
        margin-left:30px; 
        border-radius: 15px;
      }
      .endsection{
      height:90px;
      background-color:#1F61AA;
      color:white;
      
      
      }
      .endsection a{
        color:#D2EA4C
      }
}
/*Mobile*/
@media only screen and (max-width: 700px) {
    .brandarea{
        display:flex;
        flex-direction:row;
        justify-content:center;
        text-align: center;
      }
        .brandname{
         display:flex;
         flex-direction:column;
         
      }
        .brandnameh2{
          margin-top:35px;
          font-size: 16px;
          font-weight:bold
        }
        .brandnameh5{
          font-size: 12px;
          
        }
        .logo{
          height:66px;
          width:76px;
          margin-top:22px;
          margin-right:10px;
            
      }
      .navbar{
          background-color:#1F61AA;  
        }
      .nav-item{
       margin-right:20px
      }
      .nav-item:hover{
        border-bottom: 3px solid white;
        }
        .verytop{
        height:110px;
        font-family:proza;
        
        }

        .navbar-brand{
        display:none
        }
        .mynavbartext{
          text-align: center;
        }
      .contactsdiv{
      margin:50px auto; 
      width:80%;
      text-align: center;
      border:2px solid #EEECEF;
      border-radius: 15px;
      font-size: 18px;
      box-shadow: 5px 5px 5px#EEECEF inset;
      padding: 20px
      }
      .contacts{
      padding-top:20px; 
      font-family:proza;
      display: flex; 
      flex-direction: column;
      justify-content: center;
      }
      .contactlabels{
        margin-bottom: 10px;
      }
      
      .directions{
        margin:20px auto;
        text-align:center;
        display:flex;
        flex-direction: column;
        justify-content: center;
        width:82%;
        
      }
      .directionstext{
        width:100%;
        font-size: 20px;
        line-height:40px;
        border:2px solid #EEECEF; 
        border-radius: 15px;
        font-family:proza;
        box-shadow: 5px 5px 5px#EEECEF inset;
        padding: 20px
      }
      .corevaluescontainer{
        background-color: #EEECEF;
        margin-top:40px;
        text-align: center;
        padding: 15px 0 10px 0;
      }
      .maps{
        border:0; 
        border-radius: 15px;
        width:100%
      }
      .endsection{
      height:90px;
      background-color:#1F61AA;
      color:white;
      
      
      }
      .endsection a{
        color:#D2EA4C
      }
}

/*Tablet*/
@media only screen and (min-width: 700px) and  (max-width: 1023px) {
    .brandarea{
        display:flex;
        flex-direction:row;
        justify-content:center;
        text-align: center;
      }
        .brandname{
         display:flex;
         flex-direction:column;
         
      }
        .brandnameh2{
          margin-top:35px;
          font-size: 20px;
         font-weight:bold
        }
        .brandnameh5{
          font-size: 14px;
          
        }
        .logo{
          height:66px;
          width:76px;
          margin-top:22px;
          margin-right:10px;
            
      }
      .navbar{
          background-color:#1F61AA;  
        }
      .nav-item{
       margin-right:20px
      }
      .nav-item:hover{
        border-bottom: 3px solid white;
        }
        .verytop{
        height:110px;
        font-family:proza;
        
        }
        .navbar-brand{
        display:none
        }
        .mynavbartext{
          text-align: center;
        }
      .contactsdiv{
      margin:50px auto; 
      width:60%;
      text-align: center;
      border:2px solid #EEECEF;
      border-radius: 15px;
      font-size: 18px;
      box-shadow: 5px 5px 5px#EEECEF inset;
      padding: 20px
      }
      .contacts{
      padding-top:20px; 
      font-family:proza;
      display: flex; 
      flex-direction: row; 
      justify-content: center;
      }
      .contactlabels{
        font-family:proza;
        padding-top:5px;
      }
      
      .directions{
        margin:20px auto;
        text-align:center;
        display:flex;
        flex-direction: column;
        justify-content: center;
        width:82%
      }
      .directionstext{
        width:100%;
        font-size: 20px;
        line-height:40px;
        border:2px solid #EEECEF; 
        border-radius: 15px;
        font-family:proza;
        box-shadow: 5px 5px 5px#EEECEF inset;
      }
      .corevaluescontainer{
        background-color: #EEECEF;
        margin-top:40px;
        text-align: center;
        padding: 15px 0 10px 0;
      }
      .maps{
        border:0;
        border-radius: 15px;
        width:100%
      }
      .endsection{
      height:90px;
      background-color:#1F61AA;
      color:white;
      
      
      }
      .endsection a{
        color:#D2EA4C
      }
}