/*CONTENT*/
header {
position: absolute;
bottom:7rem;
left:1rem;
text-align:left;
font-size:1rem;
padding:0 0 0 1rem;
}


/*IFRAME*/
iframe{ 
width:68%;
top:-28%;
margin:16%; 
height:900px;
border:none; 
z-index:2;
background:transparent;
}

p{
font-size:3.7vmin;
line-height:6vmin;
padding:3vw 8vw;
}

h1{
font-size:4vmax;
line-height:5vmax;
padding:3vmax 8vmax;
}

p.strait{
display:block;
position:absolute
top:30%;
width:66%;
margin-left:17%;
}

p.straitt{
display:block;
position:absolute
top:30%;
width:76%;
margin-left:12%;
}

.banner {	
position: relative;
margin-left:30%;
width:40%;
height:auto; 
z-index:2;
}

/* Header/Footer*/
.footer_container {
position: fixed;
top: 1vh;
right: 20px;
background: transparent;
z-index: 1;
width: 98%;
height:75px;
padding: 10px;
margin: 5px 0 0;
border: 0;
font-family: "PT sans narrow", sans-serif;
color: red;
}
#medaillon{
position: fixed;
display:inline;
top: 0;
right:100%;
width: 100% ;
height: 75px;
background: transparent;
z-index: 1;
}

/* footer h1 (here is the medaillon)*/
#medaillon h1 {
display:block;
position:absolute;
top: -50px;
right: -250px;
}

/*medaillon itself img>media-screen.css*/
#medaillon h1 a{
display: block ;
text-indent: -9999px;
float: left;
z-index:1000;
}
#medaillon h1 a:hover{
display: block ;
z-index:1000;
}


/* Medaillon h1 (here is the medaillon)*/
#medaillon h1 a {
background: url(../img/medaillon_75.png);
background-position: 50% top;
background-repeat: no-repeat;
height: 75px;
width: 75px;
}
#medaillon h1 a:hover {
display: block ;
background-position: 50% -75px;
}

/*from slider*/
#fader {
  position: fixed;
  top: -39%;
  left: -50%;
  width: 200%;
  height: 200%;
}