@media (max-width: 500px) {
    /* DOT DISAPPEAR */
    .dot {
        display: none;
      }
  
      /* LOADING...*/
      .logo-container {
          transform: scale(0.1);
      }
  
      .logo-container.hidden {
          animation: none;
      }
  
      .text-container {
          height: 5em;
          width: 100vw;
          background-color: white;
          margin-left: -5%;
          margin-top: 260px;
      }
  
      .text-container h1 {
          font-size: 8vw;
      }
  
      .text-container #fision-text {
          -webkit-text-stroke: 1px #FF4343;
          text-align: right;
      }
  
      .text-container #studios-text {
          -webkit-text-stroke: 1px #2C2C2C;
          text-align: left;
      }
  
  
      /* NAV MOBILE */
      nav {
          max-width: 100%;
      }
  
      nav .nav-logo {
          left: 5%;
      }
  
      nav .nav-logo img {
          height: 35px;
      }
  
      nav .menu-trigger {
          right: 5%;
      }
  
      nav #nav_logo_white {
          left: 5%;
      }
  
      nav .nav-overlay #closer {
          right: 5%;
      }
  
      nav .nav-content .col-left ul {
          left: 0;
      }
  
      nav .nav-content .col-left li {
          margin: 5% 0;
      }
  
      nav .nav-content .col-left a {
          font-size: 3em;
      }
  
      nav .nav-content .col-left .mobile-contact {
          display: block;
      }
  
      nav .nav-content .col-right {
          display: none;
          width: 0;
      }

    
    /* HEADER MOBILE */
    header .header-text {
        top: 50%;
    }

    header .header-text p  {
        font-size: 1.4em;
        width: 90%;
        text-align: left;
    }


    /* INTRO MOBILE */
    .intro .intro-text {
        width: 84%;
        margin-left: 8%;
    }

    .intro .intro-text p {
        font-size: 1em;

    }


    /* TEAM MOBILE */
    .team .team-intro h2 {
        font-size: 3.3em;
    }

    .team .row {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .team .col-sm {
        margin-top: 8%;
    }

    .team .profile-text h5 {
        font-size: 1.6em;
    }

    .team .profile-text img {
        height: 25px;
    }

    .team .profile-text b {
        font-size: 1em;
    }

    .team .profile-text p {
        font-size: 0.98em;
    }


    /* FOOTER APPEAR */
    .contact {
        padding: 30% 0%;
    }
  
    .contact .contact-title h2 {
        font-size: 3em;
    }
  
  
    /* FOOTER APPEAR */
    footer {
        display: block;
        padding: 8% 0 4% 0;
    }
}