@media only screen and (min-width: 600px) {
    #nav-control {
        height: 80px;
        
      
     }
     .navbar-brand img {
        width: 300px;
        height: 50px;
    }
    
    
  }

  @media only screen and (max-width: 600px) {
    .carouselss {
      width: 96%;
      margin-left: 2%;
    }
    #fac-card {
      width: 100%;
      margin: 0px;
    }
    .card {
      margin: 0px;
      width: 30%;
      margin-top: 20px;
      
    }
    #card_name {
      font-family: josefin sans;
      font-weight: 200;
      font-size: 12px;
      text-align: justify;
      padding: 10px;
      margin-top: 20px;
      line-height: 1.4;
  
  }
    .parallax {
      height: 600px;
    }
    .back-opacity {
      height: 600px;
    }
    #fac-btn {
      width: 40%;
      margin-left: 30%;
    }
    .nav-item {
      width: 100%!important;
      padding-left: 5%;
      padding-left: 5%;
      display: inline-flex;
    }
    .nav-item a {
      display: inline-flex;
    }
    .nav-item a h1{
      margin-left: 10px;
      margin-top: 4px;
    }
    .pop-up-control {
      overflow-y: scroll;
      text-align: justify;
    }
    
  }