* {
    margin: 0px;
}

body {
    opacity: 1;
    transition: 2s opacity;
    margin:0;
   padding:0;
   height:100%;
       min-height: 100%;

   width:100%;
}
body.fade-out {
    opacity: 0;
    transition: none;
}

#body {
   padding:0px;
   padding-bottom:-100px;   /* Height of the footer */
}

html {
    background-color: white;
        margin:0;
   padding:0;
    min-height: 100%;
    height:100%;
    width: 100%;
}

.navMenu {
	text-align: center;
	padding: 40px;
	text-decoration: none;
	/* adding top value,text-align, position*/
	position: ;
	top:;
	left:;
	text-align: ;

}


.navMenu span.border {
  background-color: #111;
  font-family: 'Droid Sans', arial;
  color: #fff;
  padding: 8px;
  font-size: 25px;
  letter-spacing: 10px;
}

.current {
	text-align: left;
	padding-left: 40px;
	text-decoration: none;
	/* adding top value,text-align, position*/
	position: ;
	top:;
	left:10%;
}



.copyright {
	padding:0px;
	width:100%;
	min-height:100%px;
	margin-top: 30px;
	margin-right:-30px;
	background-color: white;
	 opacity: 0.5;
	background-attachment: fixed;
    background-position: center; 
    background-size: contain;
    text-align: center;
    font-size: 6px;
    height:10px;
	transform: rotate();

}

#bg1,.bg1 {
	padding-top: 500px; 
	width: 102%;
	height: 80%;
	margin: -8px;
	margin-left: -10px;
	margin-bottom: -20px;
	background-image: url('study_sketch.JPG');
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position:  ; 
    background-size: cover;
	transform: rotate();

}

.content1 {
	width: 100;
	margin: -8px -20px 0px;
	line-height: .5;
	background-color: white;
	background-image: url('');
	position: relative;
	padding-bottom:0px;
	position:relative;
	bottom-margin:;
	bottom:0;
	 @include transition(all 600ms ceaser($easeOutQuint)); 
	 height:100% ;
	 display:block;
    margin-top: -150px;
}

#content1
{
	width: 100;
	margin: -8px -20px 0px;
	line-height: .5;
	background-color: white;
	background-image: url('');
	position: flex;
	padding-bottom:0px;
	bottom-margin:;
	bottom:0;
	position: absolute;
	 @include transition(all 600ms ceaser($easeOutQuint)); 
	 height: 100% ;
    margin-top: -150px;
    display:block;
}

.content > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title {
	display: inline-block;
	width: 25%;
	text-align:center;
}
.contact{
	width: 100%;
	margin: -10px;
	text-align: center;
	background-color: ;	
}

.about, p.about{
 
 
 	padding:2px;
 	padding-left:4px;
 	margin: -9px;
 	width: 100;
 	display:inline;
 	line-height: 1.7;
	text-align: left;
	color: white;
	background-color: black;
	text-decoration: none;
	font-family: 'Droid Sans', arial;
	

}

.about span.colorblock {
 background-color: #111;
  font-family: 'Droid Sans', arial;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-size: 25px;
  letter-spacing: 10px;
  border-bottom:6px solid white;
}


.hidden {display:none;}

.contact span.colorblock {
 background-color: #111;
  font-family: 'Droid Sans', arial;
  color: #fff;
  padding: 8px;
  padding-bottom:0px;
  font-size: 25px;
  border-top: 6px solid white;
  letter-spacing: 10px;
}

.teammembers {
	padding-top; 10px;
	text-align: center;
	width: 65%;
	margin:auto;
}

#textbox-content {
	padding-bottom: 19;
	color: #fff;
}

#description{
     border: none;
    padding: 100px;
    margin:30px;
    border-top: 0px solid gray;
    border-bottom:none;
    line-height: -1em;
        borderborder-top-left-radius: 40%;
    }

p.description {
    font-family: 'Droid Sans', arial;
    font-size: 0.875em;
    line-height: -1em;
    word-wrap: break-word;
    white-space: initial;
  text-indent:600px;

    }


.info { position: fixed;
 bottom: 0;
  right: 0;
   width: 20%;
   background: rgba(0,0,0,0.05);
    color: #fff;
    padding: 1rem;
     font-family: Avenir, Helvetica, sans-serif; 
     line-height: 1.2;
     }
     
.infoshoe1 { position:absolute;
top:600px;
  right: 0;
   width: 20%;
   background: rgba(0,0,0,0.05);
    color: #fff;
    padding: 1rem;
     font-family: Avenir, Helvetica, sans-serif; 
     line-height: 1.2;
     }
     
/*.info h1 {  }*/

.info a { display: block;
 color: #fff;
  text-decoration: none; 
  background: rgba(0,0,0,0.3);
   transition: .6s background; 
   border-bottom: none; 
   margin: 1rem auto; 
   text-align: center; 
   }

.homefloat
{
position:fixed;
font-size: 80px;
color: white;
width: 4%;
padding: .5rem;
margin-top:-10px;
line-height: -1;
left: 0;
top: 0%;
background: rgba(0,0,0,0.3);
position; absolute;}

.homefloat a,.homefloat a:link,.homefloat a:hover,.homefloat a:active {
position:fixed;
font-size: 80px;
color: white;
width: 4%;
padding: .5rem;
margin-top:-10px;
line-height: -1;
left: 0;
top: 0%;
background: rgba(0,0,0,0.3);
position; absolute;
opacity: 0.2;


}

.nextfloat a,.nextfloat a:link,.nextfloat a:hover,.nextfloat a:active {
position:fixed;
font-size: 80px;
color: white;
width: 4%;
padding: .5rem;
margin-top:-10px;
line-height: -1;
right: 0;
bottom: 50%;
background: rgba(0,0,0,0.3);
position; absolute;
opacity: 0.2;
}


.backfloat a,.backfloat a:link,.backfloat a:hover,.backfloat a:active {
position:fixed;
font-size: 80px;
color: white;
width: 4%;
padding: .5rem;
margin-top:-10px;
line-height: -1;
left: 0;
bottom: 50%;
background: rgba(0,0,0,0.3);
opacity: 0.2;
}


h1,p {
	font-family: 'Droid Sans', arial;
	
}

a { 
	color: black;
	text-decoration: none;
	font-family: 'Droid Sans', arial;
}

a:link {color: black;
text-decoration: none;
display: inline-block;
transition-duration: .6s;
        transition-timing-function: ease-in-out;
}

a:hover, a:active {
	color: #ED6054;
	 padding-left:30em
}

img {
    width: 100%;
    height: auto;
}

.dropbtn {
    background-color:;
    color: black;
    padding: 0px;
    right: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition-duration: .6s;
    transition-timing-function: ease-in-out;
}

.dropdown-content {
    display: none;
    font-family: 'arial';
    right:10px;
    bottom: 200px;
    position: absolute;
    background-color:# ;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 3px 0px;
    text-decoration: none;
    font-family: 'arial';
    display: block;
  
}

.dropdown-content a:hover {background-color: #;
color:red;}

#upcoming-content {
    display: none;
    font-family: 'arial';
    left:15%;
    bottom: 200px;
    position: absolute;
    background-color:# ;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
    z-index: 1;
}

#upcoming-content a,  {
    color: black;
    padding: 3px 0px;
    text-decoration: none;
    font-family: 'arial';
    display: block;
  
}

#upcoming-content a:hover {background-color: #;
color:red;}

.show {display: block;}

input[type=text] {
    border: 1px solid #000000;
    cursor:pointer;background-color: white;
	color:#000;min-height:20px; width: 40%;margin-bottom:10px;
	font:normal normal normal 16px/1.55em 'open sans',sans-serif ;
}

.video-background {
  background: #fff;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;

}
.video-foreground,
.video-background iframe {
  position: absolute;
  width: 100%;
  height: 102%;
  pointer-events:;