@media screen and (min-width: 670px) and (max-width: 1199px) {
    h1 {
      font-size: 60px;
    }
    
    p {
      font-size: 25px;
    }
    
    .header-links li {
      font-size: 30px;
    }
  
    .nav-links a {
      font-size: 30px;
    }
    
    .aboutme p {
      font-size: 25px;
    }

    .blinking-cursor {
      font-size: 25px;
    }
    
    .skillbar-title {
      font-size: 17px;
    }

    .skill-bar-percent {
      font-size: 16px;
    }
    
    .form-control {
      font-size: 16px;
    }
    
    label {
      font-size: 30px;
    }
  
}
@media screen and (max-width: 875px) {
  .container-skillbar{
    width:95%;
    padding-left: 2%;
  }
}
@media screen and (min-width: 350px) and (max-width: 669px) { 
  
  .header-links {
    font-size: 35px;
  }
  
  .aboutme p {
    font-size: 27px;
  }

  .opaque-bg {
      max-width: 400px;
    }

}  
@media (min-width:100px) and (max-width:569px){
  .fa-bars{
      display:block!important
  }
  .header-links{
      display:none
  }
}
@media (min-width:100px) and (max-width:465px){
  .content{
      max-width:300px
  }
  .aboutme h1{
      font-size:30px
  }
  .aboutme p {
    font-size: 27px;
  }
  .fp-controlArrow.fp-next {
    right: 30px !important;
  }
  .fp-controlArrow.fp-prev {
    left: 30px !important;
  }
}
@media (min-width:100px) and (max-width:410px){
  h1 {
    font-size: 22px;
  }
  .content{
      max-width:300px
  }
  .aboutme p {
    font-size: 20px;
  }
  .fp-controlArrow.fp-next {
    right: 20px !important;
  }
  .fp-controlArrow.fp-prev {
    left: 20px !important;
  }
  .slide h1 {
    font-size: 22px;
  }
}