@media (max-width: 900px) {
  
  body{
    min-height: 100%;
    overflow-x: clip;
    background: url("../images/mobileBG.png") no-repeat center center fixed;
    background-position: right;
    background-repeat: no-repeat;
    height: fit-content;
    background-position-y: 8%;
    background-position-x: 70%;
    background-size: contain;
    padding-top: 4%;
  }
  
  header{
    background-position: left top;
}

.navbar{
    min-height: 70px;
}

.navbar-brand{
    max-width: 150px;
    padding: 10px;
}

.header-in{
    padding: 65px 0;
}

.navbar-toggle{
    background: #1b75bc;
    margin-top: 16px;
}

.icon-bar{
    background: #fff;
}

.footer-links, .footer-credit{
    text-align: center;
}

.footer-logo{
    margin: 10px auto;
    float: none;
}
  .optional {
    display: none;
  }
  p {
    font-size: 3.5vw;
  } 
  
  .navbar-brand>img {
    display: inline-block; 
    height: 5.5vw; 
  }
  
  .blurb{ 
    width: 91%;
    font-size: 2vw;
  }
  
  .footer{
    margin-top: 7vw;
  }
  
  .navbar{
    height: fit-content !important;
    min-height: unset !important;
    padding: 1vw;
  }
  
  h1{
    font-size: 5vw ;
  }
  
  h2{
    font-size: 3vw ;
  }
  h3{
    font-size: 2vw ;
  }
  
  h4{
    font-size: 1vw ;
  }


  
  .writeup h4{
    font-size: 3.5vw;
    font-family: auto;
  }
  
  .tagline{
    font-size: 4vw;
    font-family: fangsong;
    
    font-weight: bold;
  }
  
  
  
  .intromain{ 
    font-size: 4vw; 
    font-family: fangsong;
    
  }
  
  .service-tile{
    height: 100%;
  }
  
  #services h2, #about h2{
    color: #1b75bc;
    /* text-transform: uppercase; */
    text-align: center;
    margin-bottom: auto;
    font-weight: bold;
    font-size: 4vw;
    text-transform: unset;
    font-family: initial;
  }
  
  .service-wrap{
    padding: 3px;
    width: 50%; 
    min-height: 5vw;
    height: 26vw;
    display: flex;
    position: relative;
    display: table;
  }
  
  .specbtn{
    top: 66%;
    left: 25% !important;
    font-size: 2vw; 
  }
  
}