* {
box-sizing:border-box;}

@font-face {
    font-family:myFont1;
    src: url(myfont1.ttf);
}

@font-face {
    font-family:myFont2;
    src:url(myfont2.ttf);
}


body {background-color: #B1A72E;
background-image: url(background.jpg);
font-family: 'myFont2';

}

iframe {
    margin:auto !important;
    display:block!important;
    width:75%;
    height:415px;
}

table, th, td {border: 2px solid #6D6423;
text-align:center;
font-family: Papyrus, fantasy;
margin-left:auto;
margin-right:auto;
}


#biopics {
    float:left;
    
}

.characterdesc {
    text-align:left;
    margin-top:0px;
    position:relative;
    padding-left:375px;
    width:auto;
    border-bottom:none;
    
    
}

.characterdesc2 {
text-align:right;
    margin-top:0px;
    position:relative;
    padding-right:380px;
    width:auto;
    border-bottom: none;
}

.characterdesc3 {
text-align:left;
    margin-top:0px;
    position:relative;
    padding-left:335px;
    width:auto;
    border-bottom: none;}

.characterdesc4 {
text-align:left;
    margin-top:0px;
    position:relative;
    padding-left:225px;
    width:auto;
    border-bottom: none;
padding-bottom:75px;}

#biopics2 {
    float:right;
}
  

#wrapper {
background-color: #B1A72E;
background-image: linear-gradient(#c4b479, #fbeca3);
background-repeat: no-repeat;
    min-height: 100%
}

main {
padding: 5px 5px 5px 5px;
display:block;
background-color: #fdf5e2 ;
overflow: auto;
    margin:auto;
    text-align:center;
    position:relative;
    
}
    
.leftbanner {
    float:left;
    display:inline-block;
    margin-top:115px
    
}

.rightbanner {
    float:right;
    display:inline-block;
    margin-top:115px;
}

.movieposter {
    max-height:auto;
    display:block!important;
    margin-left:0px;
    margin-bottom:100px;
    margin-right:0px;
    margin-top:0px;
        float:left;
    position:relative;
    padding-bottom:0px;
    
}

.movieposter2 {
 float:right;
    display:block;
}

.moviedesc {
    display:block;
    float:right !important;
    position:relative;
    width:800px;
    padding-right:100px;
    padding-bottom: 410px;
    margin-bottom:100px
    
}

.moviedesc2 {
    display:block;
    float:right !important;
    position:relative;
    width:800px;
    padding-right:100px;
    padding-bottom: 580px;}

.moviedesc3 {
    display:block;
    float:right !important;
    position:relative;
    width:800px;
    padding-right:100px;
    padding-bottom: 0px;}

.moviefix {
    
position:absolute;
    top:1075px;
    right:495px
}


header {

background-color: #FBF5C6;
font-family:myFont1;
color: #fdf5e2 ;
text-align: center;
text-decoration: none;
background-image: url("headerbackground2.jpg");
    background-position:250px 310px
}

header a:link {color: #C2AD19;}
header a:visited {color: #6D6423;}
header a:hover {color: #FBF5C6;}

h1 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'myFont1';
background-size: contain;
letter-spacing: 0.25em;
text-decoration: none;
padding-top: 0.5em;
padding-bottom: 0.5em;             
}




h2 {color: #6D6423;
font-family: Papyrus,fantasy;
text-shadow: 1px #6D6423;
    text-align: center;
    display:inline-block;
    


}

h3 {
font-family: "Papyrus", fantasy;
color: #6D6423;
}

nav {
font-weight: bold;
padding: 0px;
font-size: 120%;
text-align: center;
}

a {
text-decoration: none;
}



nav a:link {color:#534138;}
nav a:visited {color: #6D6423;}
nav a:hover {color: #FBF5C6;
border-bottom: 3px solid #fdf5e2}
nav a {border-bottom: 3px solid transparent;}

nav ul {
list-style-type: none;
margin: 0;
padding-left: 0;
font-size: 1.2em;
    padding-top:1em;
    padding-bottom:1em;
}


.contact {
font-size: 90%;
}

.footer {
font-size: 75%;
font-style: italic;
text-align: center;
font-family:"Papyrus", fantasy;
padding: 2em;
background-color: #fdf5e2 ;
}

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

nav ul {
display: flex;
flex-wrap: nowrap;
justify-content:space-around;
}

nav li {
border-bottom: none;

}

    
}

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

#wrapper {
margin:auto;
width:80%;
border-style:solid;
border-color: #fdf5e2 ;
filter: drow-shadow( 3px #fdf5e2 );
}

nav {
text-align: center;
padding-left: 1em;
}