#primary_nav_wrap {margin-top: 0;}
#primary_nav_wrap ul {list-style:none; position:relative; float:left; margin:0; padding:0; padding-left: 40px;}
#primary_nav_wrap ul a {display:block; text-decoration:none; font-weight:700; font-size:24px; line-height:32px; margin-left: 20px; margin-right: 20px; padding-top: 35px; padding-right: 155px;}
#primary_nav_wrap ul li {position:relative; float:left; margin:0; padding:0;}
#primary_nav_wrap ul ul {display:none; position: absolute; top:100%; left:0; background: #42558C; padding:0; width: 175px; border-radius: 10px; box-shadow: 5px 5px 10px grey;} 
#primary_nav_wrap ul ul li {float:none; width:200px; z-index: 99; position: relative;}
#primary_nav_wrap ul ul a{line-height:120%; padding: 10px 15px;}
#primary_nav_wrap ul ul ul {top:0; left:100%; z-index: 99}
#primary_nav_wrap ul li:hover > ul {display:block}
nav {width: 100%; float: left; background-color: #000000;}
.img-nav {float: left; border-radius: 20px;}
html {background-color: #2A2740;}
footer {clear: both; background-color: #000000; padding: 20px 0 20px 0; width: 100%; color: #FFA500; text-align: center;}
.index-banner {display: block; margin-left: auto; margin-right: auto; clear: both; margin-top: 100px; width: 85%; margin-bottom: 25px;}
header {position: fixed; top: 0; width: 100%;}
.trailer-div { padding-top: 20px; background-color: #42558C; text-align: center; width: 85%; padding-bottom: 40px; margin-right:auto; margin-left:auto;}
h1 {font-family: "Bungee Inline", sans-serif; font-weight: 400; font-style: normal; color: #FFA500;}
a:link {color: #6573BF; text-decoration: none; font-family: New Rocker;}
a:visited {color: #6573BF; text-decoration: none;}
a:hover {color: #FFA500; text-decoration: none;}
a:active {color: #FFA500; text-decoration: none;}
.home-p {text-align: center; font-family: rye; color: #FFA500;}
.trailer {width: 50%; margin-right: auto; margin-left: auto; overflow: hidden;}
body {margin: 0 0 0 0; padding: 0 0 0 0;}
#movie-banner { background-image: url(images/movie1-space-page.jpg); font-size: 25px; padding-top: 750px; width: 85%; display: block; margin-left: auto; margin-right: auto; text-align: center; background-size: cover; height: 100px;}
.movie-link {background-color: #000000; padding: 10px 10px 10px 10px; border-radius: 15px;}
.default-img {float:left;}
.img-div {width: 65%; padding-top: 50px; margin-right: auto; margin-left: auto;}
.info-div {float: left; width: 35%;}
.info-p {font-family: rye; color: #FFA500;}
.bold {font-weight: bold;}
h2 {font-family: "Tapestry"; color: #6573BF;}
#movie-banner-2 { background-image: url(images/bron-space-jam-large.jpg); height: 100px; font-size: 25px; padding-top: 750px; width: 85%; display: block; margin-left: auto; margin-right: auto; text-align: center; background-size: cover;}
input {margin: 5px 5px 5px 5px; color: #FFA500; background-color: #42558C; font-family: rye;}
.form1 {background-color:#6573BF; padding: 20px 20px 20px 20px ; margin-right: auto; margin-left: auto; width: 25%; clear: both; margin-bottom: 20px;}
label {color: #FFA500; font-family: rye;}
.thank-you {margin-right: auto; margin-left: auto; width: 85%; text-align: center; padding-top: 400px; font-size: 50px;}
.thanks-footer {position: fixed; bottom: 0;}
h3 {font-family: "Tapestry"; color: #FFA500;}
#movie-banner-3 { background-image: url(images/game-banner.jpg); height: 100px; font-size: 25px; padding-top: 550px; width: 85%; display: block; margin-left: auto; margin-right: auto; text-align: center; background-size: cover;}
.synopsis {padding-top: 20px; background-color: #42558C; text-align: center; width: 50%; padding: 40px 40px 40px 40px; margin-right:auto; margin-left:auto; font-size: 25px; font-family: rye; color: #FFA500;}
.poster {float: left; padding: 20px 20px 20px 20px;}
#synopsis-banner {background-image: url(images/large-jordan-space-jam-banner.jpg);background-size: cover; height: 200px;text-align: center; margin-top: 150px; font-size: 40px; width: 85%; margin-right: auto; margin-left: auto;}
#synopsis-banner2 {background-image: url(images/cartoon-lebron.jpg);background-size: cover; height: 200px;text-align: center; margin-top: 50px; font-size: 40px; width: 85%; margin-right: auto; margin-left: auto;}
.social {text-align: center; padding-right: 35px;}











#menu-toggle {position: absolute; opacity: 0;}

.menu-icon {display: none; font-size: 30px; color: orange; cursor: pointer; padding: 10px;}


@media (max-width: 1500px) {
    
  #primary_nav_wrap ul a {padding-right: 75px;}  
    
    .info-div {text-align: center; float: none; margin-left: auto; margin-right: auto; width: 50%;}
    .poster {width: 50%; float: none; margin-left: auto; margin-right: auto;}
    .img-div {padding: 0;width: 100%;}
}


@media (max-width: 1060px) {
    
  #primary_nav_wrap ul a {padding-right: 20px;}  
}


@media (max-width: 800px) {

.menu-icon { display: block;}

#primary_nav_wrap ul {display: none;flex-direction: column;background: black;width: 30%;position: absolute;top: 70px;left: 0;margin: 0;padding: 0;}

#menu-toggle:checked ~ #primary_nav_wrap ul {display: flex;}

#primary_nav_wrap ul li {text-align: left ;}

#primary_nav_wrap ul ul {position: static;display: block; background: none;box-shadow: none;}

#primary_nav_wrap ul li:hover > ul {display: block;}
    
    
   .img-nav {display: none;} 
   
   #primary_nav_wrap ul a {padding: 5px; margin: 5px;}
   
   .poster {width: 50%; Height: 50%;}
   
   .form1 {width: 75%;}
   
   .poster {display: none;}
   
  
}
@media (max-width: 640px) {
    
 #synopsis-banner2 {font-size: 35px;}
#synopsis-banner {font-size: 35px;}   
    
    
    
}

@media (max-width: 560px) {
    
 #movie-banner-2 {padding-top: 500px;}   
#movie-banner {padding-top: 500px;} 

#synopsis-banner2 {font-size: 20px;}
    #synopsis-banner {font-size: 20px;}

}

  @media (max-width: 470px) {
      
    #primary_nav_wrap ul {width: 100%;} 
    
    .form1 {width: 100%;}
    
    .synopsis {font-size: 15px;}
  }
  
   @media (max-width: 300px) {
      
    #primary_nav_wrap ul {width: 100%;} 
    }