@media screen and (max-width: 1800px) {
  #hero-image {
    
    margin-top: -128px; 
    margin-left: -313px; 
    width: 616px; 
    height: 255px;

  }
}

@media screen and (max-width: 1200px) {
  #hero-image {
    
    margin-top: -85px; 
  margin-left: -205px; 
  width: 411px; 
  height: 170px

  }
  #page-the-mission > .row, #page-submit-your-design-solution > .row{
    margin-left: 0px;
    margin-right: 0px;
  }

  #viewvideo{
    margin-top: 120px;
  }

}

@media screen and (max-width: 990px) {
  #freddy-wrap{
    position: static;
    /* margin-top: -280px; */
  }
  .hideOnMd{
    display: none;
  }
  .watch-buttons{
    text-align: center;
  }
}

@media screen and (max-width: 834px) {
  .middle-text{
    position: static;
    margin-left: 0px;
    margin-top: 100px;
    width: 100%;
  }

  #page-get-on-board{
    background-image: none
  }

  #page-submit-your-design-solution{
    padding-top: 0px;
  }

}


@media screen and (max-width: 780px) {
  .stationideation{
    display: none;
  }
  #freddy{
    max-width: 100%;
  }
  .large-label-container{
    margin-bottom: 20px;
  }
  #page-help .cool-minecraft-button{
    padding: 10px;
  }
  #mini-melbourne-logo{
    max-width: 100%
  }
}





@media screen and (max-width: 660px) {
  .hideOnMobile{
    display: none;
  }
  #hero-image {
    width: 100%; 
    text-align: center;
    margin-left: 0px;
    left: 0px;
  }
  #hero-image img{
    max-width: 80%;
    margin: 0 auto;
    display: block;

  }
  .townhall-welcome{
    left: 0px;
    width: 100%;
    margin-left: 0px;
  }
   #freddy-wrap{
   padding-bottom: 30px;
  }
}