@media screen and (max-width:900px){
 
  @font-face {
    font-family:"JF Flat Regular";
    src: url("../JF_Flat.ttf");
  }
  
  .header{
    height:800px;
  }
  .header .text-header {
    height: 70%;
    width:100%;
}

.header .Big-Title{
    height: 30%;
    width:90%;
    position: relative;
}


.header .Big-Title h2{
    color: #fff;
    font-size: 32px;
    line-height:1.6;
    padding: 10px 0px ;
}

  .header .buttons{
    height: 20%;
    width:80%;
    
}

.header .button{
    width: 80%;
    padding: 16px 7px;
    margin: 12px;
    font-size: 18px;
    
}

 .header #quoteDisplay{
    height: 30%;
    width:90%;
    text-align:center;
    font-size: 18px;
}

  #about {
    height:auto;
    padding:30px 5px 30px 5px;
    
  }

  #about p {
    font-size:19px;
    text-align:center;
    padding: 8px 10px;
   line-height:1.8;
  }

  #about iframe{
    height: 370px;
    width:93%;
   margin: 30px 0px;
  }
 
  #about .buttons{
    height: 20%;
    width:80%;

}

#about .button{
    width: 80%;
    padding: 16px 7px;
    margin: 12px;
    font-size: 18px;
    
}

 .social-icon {
    margin-bottom: 15px;
     box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid;
    text-align: center;
    width: 90px;
    height: 90px;
    display: inline-flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition: all 0.5s;
    font-size:30px;
    margin: 12px;
    cursor:pointer;
  }
  

  

}