html.wf-loading * {
     opacity: 0;
 }
 

 
 body {margin:0; padding:0;font-family: "Playfair Display", serif;background-color: #232a53;}
.row {margin-bottom:30px;}

.rowend {border-bottom: solid #fff 50px; width:80%;margin:20px auto; margin-bottom: 50px;}

a {text-decoration: none;color:#fff;}
a:hover {color:#ff6600;text-decoration: underline;}
.imdb {max-width: 65px;}
.spotlight {margin-top: 15px;margin-right: 15px;max-width: 30px;}


 
img.spotlight {
  transition: 0.70s;
}

img.spotlight:hover {
  transition: 0.70s;
  transform: rotate(360deg);
}


h1, h2, h3 { font-size:1.3em; border-bottom: none;text-align: left; width:95%;}

h1.bennealon {margin-top: 0px;width:50%;border-bottom: none; position:absolute;}
h1.bennealon span {display:block; font-family: "Playfair Display", serif;font-weight: 600;font-size:1em;color:#fff;margin-left:-30px;}


ul {margin-left: -40px; list-style: none;}


.footer {margin-top:30px;padding:30px 0;border-top: solid #ececec 5px;}
.footer a {color:#000;}

}


@media only screen and (min-width: 576px) {
.spotlight {margin-top: 15px;margin-right: 15px;max-width: 30px;}

.imdb {max-width: 65px;}

}

@media only screen and (min-width: 634px) {
.spotlight {margin-top: 15px;margin-right: 15px;max-width: 30px;}

  .imdb {max-width: 65px;}
  
}




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




h1.bennealon {margin-top: 0px;width:50%;border-bottom: none; position:absolute;}
h1.bennealon span {display:block; font-family: "Playfair Display", serif;font-weight: 400;font-size:1em;color:#fff;}

 .spotlight {margin-top: 15px;margin-right: 15px;max-width: 30px;}
}


@media only screen and (min-width: 992px) {
h1.bennealon {margin-top: 0px;width:50%;border-bottom: none; position:absolute;}
h1.bennealon span {display:block;}



 }


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

h1.bennealon {margin-top: 0px;width:50%;border-bottom: none; position:absolute;}
h1.bennealon span {display:block; font-family: "Playfair Display", serif;font-weight: 400;font-size:2em;color:#fff;}

    }