.Container-top-left {
position : fixed;
float : left;
margin-top : 0;
margin-bottom : auto;
width : 50px;
height : 330px;
display : block;
background-color : #FFFFFF;
border : black solid 5px;
z-index : 3;
}
#five {
height : 80px;
width : 50px;
display : block;
position : absolute;
background : url(Nofive_vertical.png) center no-repeat scroll;
background-size : 50px;
}
#five:hover {
background : url(Nofive_vertical_M_over.png) center no-repeat scroll;
background-size : auto;
}
#CeReNeM-Journal {
margin-top : 80px;
height : 250px;
width : 50px;
display : block;
position : absolute;
background : url(cerenem_vertical_logo.png) center no-repeat scroll;
}
#CeReNeM-Journal:hover {
background : url(cerenem_vertical_logo_M_over.png) center no-repeat scroll;
}

.menuShow {
    margin-top:345px;
    margin-left:5px;
    position:fixed;
    width:50px;
    height:50px;
    display:block;
	
    background-image: url(menu-ico.svg);
    z-index:5;
	
}

.menuClose {
    margin-top:353px;
    margin-left:15px;
    position:fixed;
    width:25px;
    height:25px;
    display:block;
    background-image: url(close.svg);
    z-index:3;
}
.Top {
position :fixed;
margin-top : 10em;
margin-left : 4em;
width : 90%;
height : auto;
z-index : 2;
 background:url(tblcont.png)  no-repeat 100% 100% scroll;
background-color:rgba(170, 178, 191, 0.9);
 -webkit-backface-visibility: hidden; 
backface-visibility: hidden;
}

.Top ul {
display:inline-flex;
flex-flow:row-reverse wrap;
justify-content:space-around;
align-items:center;
}

.Top li {
align-self: flex-start;
flex-basis:10em;
list-style : none;
margin-left : 0.4em;
margin-bottom:0.6em;
padding: 0.3em;
border-left: solid 0.3em #000000;
border-top:solid 0.3em #000000;
}

.Top a{
font-family: 'Droid Sans', sans-serif;
text-decoration:none;
font-size:0.7em;

}

#InstrEgg{
position:absolute;
margin-left:10em;
width:80%;
font-family: 'PT Sans Caption', sans-serif;
}

.Title{
width:30em;
font-size:1.8em;
font-weight:600;
text-transform:uppercase;
padding-top:1em;
padding-bottom:1em;
border-top: solid 0.3em #000000;
border-bottom: solid 0.3em #000000;}

#author{
padding-bottom:3em;
text-transform:uppercase;}
.Section{
margin-left:25em;
width:40em;
}
.col-1{
position:relative;
width:35em;
font-size:0.9em;
line-height:1.6em;}

.BlQuo{
position:relative;
margin-left:10em;
width:30em;
font-weight:600;
font-size: 0.85em;
text-align:justify;
word-spacing:-0.05em;
padding:1em 0em;

}

figcaption{
padding-top:0.5em;
font-family:"Arial" sans-serif;
font-size:0.8em;
text-decoration:none;
text-align:center;
color:#597A7A;
}
.Footnotes, .foot-N p{
font-size:0.7em;}
.foot-N{
font-size:1em;
text-decoration:none;
color:#000000;}

.foot-N:hover{
color:#AC006C;
}
.References{
margin-top:6em;
position:relative;
font-size: 0.85em;
margin-left:30em;
width:35em;
}

.text-note{
text-decoration:none;
padding: 0em 0.3em;
color:#000000;
 -webkit-transition: 0.5s ease; 
 -moz-transition: 0.5s ease; 
 -o-transition: 0.5s ease; 
 transition: 0.5s ease;
}
.text-note:hover{
text-decoration:none;
color:#AC006C;
}
#oneBlue{

z-index:0;
height:500px;
width:0.5em;
display:block;
transform:rotate(10deg);
background-color:blue;
}

#twoBlue{
z-index:0;
height:250px;
width:0.5em;
display:block;
transform:rotate(10deg);
background-color:blue;
}