@media only screen and (min-width: 1100px) {







}


@media only screen and (min-width:499px) and (max-width: 768px) {

.text-box {
  width:80%;
}

.text-title {
  width:80%;
  height:auto;
  padding: 0 10%;
  color:#000;
}

.film-img-box {
  border-top: 14px solid #FBE33A;
  border-bottom: 14px solid #FBE33A;
}

h2 {
	font-size: 2em!important;
}

}

@media only screen and (max-width: 498px) {


nav {
  line-height: 35px!important;
}
  h1 {
    font-size: 1.5em
  }
  h2 {
  	font-size: 1.5em!important;
  }
nav ul li {
  width:100%;
  text-align: center;
}

.parabox p {
    font-size: 1em;
  }

  #cd-nav.is-fixed ul li a {
    padding: 0.4em 1.6em!important;
    margin-left: 0;
  }

  .film-img-box {
  	border-top: 10px solid #FBE33A;
  	border-bottom: 10px solid #FBE33A;
  }



  .text-box {
    width:90%;
  }

  .text-title {
    width:90%;
    height:auto;
    padding: 0 10%;
    color:#000;
  }


#home-text {
  width:80%;
  margin-left: 10%;
}

.parabox {
	width:95%;
	position: absolute;
	left:2.5%;
	bottom:0;
	margin-bottom: 30px;
	padding:15px;
	height:auto;
	background-color: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	border: 7px solid #FBE33A;
}


}