/*Erasmus Productions Home Page*/
html, #homepage{background:#000066;background-repeat:no-repeat;font-family: Optane, Arial, Helvetica, sans-serif; font-size:14px;font-style:normal;line-height:1.2; color:#0080B4;height:auto;width:100%;}
#background{position:relative;margin:0 auto;display:block;text-align:left;width:1950px;height:auto;min-height:100vh;background:#FFFFFF;z-index:1;}
#backgroundshadow{position:relative;margin:0 auto;display:block;text-align:left;width:1950px;height:205vh;min-height:100vh;background:#FFFFFF;z-index:1;}
#backgroundkarras{position:relative;margin:0 auto;display:block;text-align:left;width:1950px;height:220vh;min-height:100vh;background:#FFFFFF;z-index:1;}
#submissions{position:relative;margin:0 auto;display:block;text-align:left;width:1650px;height:100vh;min-height:100vh;background:#FFFFFF;z-index:1;}
/*Portrait Tablet*/
@media (min-width: 481px) and (max-width: 768px) {div.body{width:740px;}}
/* Portrait and Landscape IPhone*/
@media only screen and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {}
/*Landscape smart phone*/
@media (min-width: 321px) and (max-width: 480px) {div.body{width:450px;}}
/*Portrait smart phone*/
@media (max-width: 320px) {div.body{width:275px;}}
@media only screen and (max-width: 768px) {div.body{width:100%;}}
    /* For mobile phones: */
div.body{width:100%;}}
/* Portrait and Landscape Laptops*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {div.body{width:100%;}}
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{div.body{width:100%;}}  

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

/* Portrait and Landscape Laptops*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {div.body{width:1024px;}}
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{div.body{width:1366px;}}
p {font-size: 16px; @media #{$tablet} {font-size: 18px;}@media #{$desktop} {font-size: 20px;}}

a{color:#0000FF;text-decoration:none;}
a:visited{text-decoration:none;color:#CC99FF;} 
a:focus, a:hover{color:#000000;text-decoration:none;}
a:active{color:#0000FF;text-decoration:none}
span,h1,h2,h3,h4{font-family: Optane, Arial, Helvetica, sans-serif;text-align:center;}
p{font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:0.9em;}
@font-face {font-family:"BibleScrT Regular";src: url("C:Windows/fonts/BibleScrT Regular.ttf");}
@font-face {font-family:"Baskerville Old Face Regular";src: url("C:Windows/fonts/Baskerville Old Face Regular.ttf");}
@font-face {font-family:"English111 Adagio BT Regular";src: url("C:Windows/fonts/English111 Adagio BT Regular.ttf");}

/*Top heading*/
div.header{position:absolute;left:0;top:0;background:url(images/efpheaderblend.jpg);width:1950px;height:130px;z-index:3;}
div.subtext{position:absolute;top:20px;width:1950px;height:130px;z-index:5;text-align:center;margin:0 auto;}
h1{text-align:center;margin:0 0 10px 0;font-family:"English111 Adagio BT Regular";font-size:3em;color:#FFFFFF;}
img.logo{width:300px;height:120px;text-align:left;z-index:4;margin:5px 0 0 200px;}

/*Navbar container*/
div.navbar{position:absolute;font-family:Arial;z-index:7;left:700px;top:100px;text-align:center;margin:0 auto;}
div.navbar a {font-size:1em;color:#FFFFFF;text-align:center;padding:5px 50px 5px 50px;text-decoration:none;z-index:10;}
div.navbar a.current{color:#CCDDFF;font-style:italic;text-decoration:none;padding:5px 14px 5px 20px;}
div.navbar a.foundation{color:#FFFFFF;text-decoration:none;padding:5px 14px 5px 0px;}

/*Gallery*/
div.gallery{position:absolute;left:0;top:100px;width:1950px;border:none;animation:slide 15s infinite;overflow:hidden;background-repeat:no-repeat;}
div.gallery img {-webkit-animation-name:fade;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:15s;animation-name:fade;animation-iteration-count:infinite;animation-duration:15s;background-repeat: no-repeat;}
div.gallerytext{position:absolute;top:100px;z-index:20;width:800px;margin:0 auto;}
p.gallery{text-align:center;font-size:2em;color:#FFFFFF;margin:450px 0 0 500px;width:800px;}

@keyframes slide {
	0% {background:url("images/pic5.avif");background-repeat: no-repeat;}
    20% {background:url("images/pic1.avif");background-repeat: no-repeat;}
    40% {background:url("images/pic2.avif");background-repeat: no-repeat;}
    60% {background:url("images/pic3.avif");background-repeat: no-repeat;}
	80% {background:url("images/pic4.avif");background-repeat: no-repeat;}
    100% {background:url("images/pic5.avif");background-repeat: no-repeat;}
}

@-webkit-keyframes slide {
    0% {opacity: 0;background-repeat: no-repeat;}
    20% {opacity: 1;background-repeat: no-repeat;}
    40% {opacity: 0;background-repeat: no-repeat;}
    60% {opacity: 0;background-repeat: no-repeat;}
	80% {opacity: 0;background-repeat: no-repeat;}
    100% {opacity: 0;background-repeat: no-repeat;}
}
@keyframes fade {
     0% {opacity: 0;background-repeat: no-repeat;}
    20% {opacity: 1;background-repeat: no-repeat;}
    40% {opacity: 0;background-repeat: no-repeat;}
    60% {opacity: 0;background-repeat: no-repeat;}
	80% {opacity: 0;background-repeat: no-repeat;}
    100% {opacity: 0;background-repeat: no-repeat;}
}

/*Main Text*/
div.main{position:absolute;text-align:center;top:900px;background:#FFFFFF;width:100%;height:1520px;z-index:9;}
h2.title{text-align:center;width:1000px;margin:0 auto;padding:0 0 20px 0;font-size:3em;}
h2.name{text-align:center;}
div.left{position:absolute;left:15%;top:120px;width:340px;text-align:center;z-index:10;}
div.centre{position:absolute;left:40%;top:120px;width:340px;text-align:center;z-index:10;}
div.right{position:absolute;left:65%;top:120px;width:340px;text-align:center;z-index:10;}
div.left2{position:absolute;left:15%;top:520px;width:340px;text-align:center;z-index:10;}
div.centre2{position:absolute;left:40%;top:520px;width:340px;text-align:center;z-index:10;}
div.centre3{position:absolute;left:40%;top:920px;width:340px;text-align:center;z-index:10;}
div.right2{position:absolute;left:65%;top:520px;width:340px;text-align:center;z-index:10;}
div.right3{position:absolute;left:65%;top:920px;width:340px;text-align:center;z-index:10;}
div.left3{position:absolute;left:15%;top:920px;width:340px;text-align:center;z-index:10;}
img.film{width:340px;height:200px;}
p.image{margin:0 20px 10px 0;}
p.logline{text-align:justify;}
p.info{font-weight:bold;text-align:left;}
p.main{text-align:justify;width:1000px;margin:0 auto;font-size:1em;color:#663399;line-height:1.7em;padding:0 0 20px 0;}

/*footings*/
div.footings{position:absolute;left:0;top:1330px;width:1650px;height:170px;z-index:20;box-shadow: 25px -40px 20px -50px rgba(0, 0, 0, 0.75);}
div.footingsshadow{position:absolute;left:0;top:1530px;width:1650px;height:170px;z-index:20;box-shadow: 25px -40px 20px -50px rgba(0, 0, 0, 0.75);}
div.footingskarras{position:absolute;left:0;top:1700px;width:1650px;height:170px;z-index:20;box-shadow: 25px -40px 20px -50px rgba(0, 0, 0, 0.75);}
div.copyright{position:absolute;left:50%;top:0px;text-align:center;z-index:30;margin:0 auto;}
div.address{position:absolute;left:18%;top:0px;text-align:left;z-index:30;margin:0 auto;}
p.copyright{text-align:center;font-size:0.8em;}
p.address{text-align:left;font-size:0.8em;margin:0 0 5px 0;}
h3.address{text-align:left;margin:10px 0 0 0;}

/*About Us*/
div.mainpages{position:absolute;text-align:center;top:160px;background:#FFFFFF;width:100%;height:1520px;z-index:9;}
img.author{width:200px;height:200px;float:left;}
p.photo{float:left;margin:0;}
div.author1{position:absolute;left:150px;top:60px;width:200px;text-align:justify;z-index:10;}
div.author2{position:absolute;left:150px;top:660px;width:200px;height:auto;text-align:justify;z-index:10;}
div.authortext1{position:absolute;left:400px;top:50px;width:60%;text-align:justify;z-index:10;}
div.authortext2{position:absolute;left:400px;top:650px;width:60%;height:auto;text-align:justify;z-index:10;}
p.author{text-align:justify;width:90%;margin:0 0 20px 30px;font-size:1em;color:#663399;line-height:1.7em;}
h1.author{text-align:center;margin:0 0 20px 0;font-size:3em;font-family:"Baskerville Old Face Regular";color:#0080B4;}
h2.author{text-align:center;margin:0 0 20px 0;font-family: "BibleScrT Regular";width:1000px;}
h3{text-align:left;margin:10px 0 0 475px;}
h3.author{text-align:left;margin:10px 0 0 30px;}
h3.subtitle{text-align:center;width:1000px;margin:0 auto;padding:0 0 20px 0;}

/*Dalia's Vision*/
h2.teacher{text-align:justify;width:1000px;margin:0 auto;padding:0 0 20px 0;}

/*Submissions*/
h2.submissions{text-align:justify;width:50%;margin:30px 0 0 25%;}
div.footingssubmissions{position:absolute;left:0;top:500px;width:1650px;height:170px;z-index:20;box-shadow: 25px -40px 20px -50px rgba(0, 0, 0, 0.75);}