*{
margin:0;
padding:0;
}
html,body{
height:100%;
font-family: 'Open Sans', sans-serif;
min-width: 240px;
}

.Logo_Container{
position:fixed;
width:30%;
height:100%;
display:block;
margin-left:2%;
background: url(Images/CeReNeM_logo.svg) no-repeat center scroll;
background-size:contain;
}

#about{
 text-decoration:none;
 color:#0023FF;
 font-size:1.4em;
 position:fixed;
 margin-left:11%;
 top:60%;
text-align:center;
background-color:#FFFFFF;
}
#about:hover{
	text-decoration:underline;
}

#Decoration1{
height:100%;
width:10%;
margin-left:32%;
position:fixed;
display:block;
background: url(Images/Left-curly_Braket.svg) no-repeat center scroll;
background-size:contain;
z-index:1;
}
#Decoration2{
height:100%;
width:10%;
margin-left:87%;
position:fixed;
display:block;
background: url(Images/Right-curly_Braket.svg) no-repeat center scroll;
background-size:contain;
z-index:1;
}
.Placeh{
display: inline-block;
width: 26%;
vertical-align: middle;
padding-bottom: 60%;
}

.Nav_Container{
	position: absolute;
	width:40%;
	margin-left:52.5%;
	height:80%;
	margin-top:3%;
	z-index:50;
}
#Nav_Index{
z-index:3;
}
#Nav_Index ul{
    list-style:none;
    display:flexbox;
    flex-direction: column;

}
#Nav_Index li{
    max-width: 40%;
    min-width:200px;
    margin: 2em 1em 1em 1em;
    transition: 500ms ease-in-out;
}

#Nav_Index a{
    padding: 2px;
    font-weight:700;
    text-decoration:none;
    color:#000000;
    font-size:0.8em;
    background-color: #FFFFFF;
    }

#Nav_Index li:hover{
    -webkit-transform: scale(2); 
    -moz-transform: scale(2); 
    -o-transform: scale(2); 
    -ms-transform: scale(2); 
    transform: scale(2);
}

#Nav_Index a:hover{
    background-color:#C7C7C7;
}
.filler{
    display:block;
    height:100px;
    width:200px;
}


 @media (min-width:240px) and (max-width: 480px){
 .Logo_Container{
    width:100%;
    height:10%;
    display:block;
    margin-top:0px;
    background: url(Images/CeReNeM_logo.svg) no-repeat center scroll;
    background-size:contain;
    background-color:#FFFFFF;
    z-index:99;
}
#about{
    font-size:0.7em;
    top:0;
    margin-left:75%;
    margin-top:7%;
    text-align:center;
}
.Nav_Container{
    margin-left:25%;
    margin-top:20%;
}
#Nav_Index li:hover{
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3); 
    -o-transform: scale(1.3); 
    -ms-transform: scale(1.3); 
    transform: scale(1.3);
}
#Nav_Index a{
    font-size:0.7em;
    max-width:150px;
}
#Decoration1{
margin-left:2%;
}
}/*End of media 240-480 rule*/

@media (min-width:481px) and (max-width:980px) {
#about{
    top:0;
margin-top:2%;
}

}/*End of media 520 heightrule*/

@media (max-height:520px) {
#about{
    top:0;
margin-top:2%;
}

}/*End of media 520 height rule*/