/* Smartphones (portrait) ----------- */
/* @media (max-width: 1150px) {
 
 .submit p{
    font-size: 200px;
left: -20%;
  top: -50%;
  }

} */

@media (max-width: 800px) {
  body {
    width: 100%;
    height: 100%;
  }
 

  .content a{
    margin: 10px 0px;
    font-size: 12px ;
    padding: 5px 0px;
  }

  
  input, label, form{
    max-width: 100%;
    width: 300px;
    font-size: 18px;
  }


  .about{
    padding: 30px 10px;
  }
  img.profile, .profile{
   border:1px solid #000; 
    width: 250px;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center;
    float: none;
  }
  .about p{
   padding: 10px 10px;
  }
  
  .p2{
  width:300px;
    padding-right:50px;
  }
  

  .about h1, .about h2, .castingdirector, .p2 p, .about p{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
    text-align: center; 
  
  }
  

  
}

/* SMALL SCREEN SIZE*/

@media (max-width:640px) {
  

  
  .content{
    max-width: 100%;
    width: 400px;
  }
  .about h1, .about h2{
    font-size: 24px;
  }
  .about{
    width: 500px;
  }
  .bannercontainer{
    margin:auto;
    display: block;
    width: 450px;
    height: 200px;
    overflow: hidden;
  }
  .banner{
     width: 1600px; 
    margin-top: -80px;
    overflow: hidden;
  }
  
 .submit p{
    font-size: 200px;
  left: -20%;
  top: -50%;
  }
 
 .title h1{
  font-size: 80px;
 
  }
  .title a{
  font-size: 30px;
 
  }
   .subtitle, .subtitle a, .submissions, .submissions a{
   font-size: 14px;
    letter-spacing: 5px;
     left:25%;
  }
/*   
  .navlogo{
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 60px;
  top: 30px;
  left: 80px;
  filter: invert(0%);
  z-index: 50;
  } */

/* 
 .home-menu{
  top: 8px;
  position: fixed;
  display: flex;
  padding: 20px;
 	z-index: 11;
  }
  .home-menu img{
  width: 30px;
  filter: invert(0%);
  }
  .home-menu img:hover{
  filter: invert(100%) drop-shadow(3px 3px 3px #fff)blur(3px);
  } */

  .homenav-background{
  top: 0px;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    filter: blur(8px);
    background-color: #000;
    opacity: .6;
  
  }
  
  .mainnav{
    position: fixed;
    top: 75px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    opacity: 1;
    filter: drop-shadow(0px 0px 3px #fff);
    
  }



  .mainnav a{
  
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    color: #fff;
    font-family: Springville Regular;
    font-size: 60px;
    text-transform: lowercase;
    padding: 0;
    opacity: 1;
    filter: brightness(1000%);
    }



  a.social{
    display: none;
  }
    .social-links{
   display: flex;
    }



   .social-links{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0px;
    top: 15px;
    max-width: 100px;
    }

  .social-links img{
    margin: 5px;
    width: 50px;
    height:100%;
    }

  .loading {
      animation: none;
      }

  .loading img {
    position: relative;
    display: flex;
    width: 100px;
    justify-content: center;
    max-width: 100%;
  }
  .landing a {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-transform: lowercase;
    width: 200px;
    font-family: springville regular;
    font-size: 24px;
    top: 85%;
    padding-left: 40px;
    color: #fff;
    text-align: right;
    letter-spacing: 0px;
    transform: none;
    visibility: visible;
  }
  
 
}


@media (max-width: 500px) {

  
  
  .map {
     margin: 30px auto 10px auto;
  }
  
  .content p{
  font-size: 18px;
  }
  
  
.title{
  width:350px;
  top:15%;
  }

 .title h1{
    font-size: 70px;
}
  
  .title a{
  font-size: 20px;
    
 
  }

 .submit p{
    font-size: 150px;
    top: -80%;
   left: -40%;
  }

   .subtitle, .subtitle a, .submissions, .submissions a{
   font-size: 8px;
    letter-spacing: 3px;
    left:30%;
    
  }



 .slideshow-container,.AMC{
   
  height: 500px;
  width:100%;

  }
  .slideshow-container img{
    width: 100%;
  

  }
 
     

  .about,.content{
    width: 300px;
    margin: auto;
  }

   .bannercontainer{
   
    width: 250px;
    height: 150px;
    overflow: hidden;
  }
  .banner{
     width: 1600px; 
    margin-top: 0px;
    overflow: hidden;
  }
  

 
}


  


 @media (max-width: 400px) {
 .slideshow-container, .AMC{
  height: 350px;
  width: 100%; 
  }
  .slideshow-container img{
    width: 100%;
  
  }
  
 .title h1{
    font-size: 45px;
}

  
 }