body {margin-top:5vmin;}

.containerR {
  float:right;
  display:block;
  position:fixed;
  top:0;
  right:0;
}

.containerM {
    margin-left:14vw;
    margin-right: 2vw;  /* 14vw; */
    display:block;
}

.logobg {
    background-image: url(/img/Back.png);
    width:6.5vmax;
    background-size:5vmax;
    position:fixed;
    top:0;
    left:0;
    margin-top:5vmin;
}

.neutral {font-size:1em;
}

.neutral h1 {
    font-size:2.5vmax;
    margin-left:-24px;
    margin-right:-20px;
    margin-bottom:20px;
    padding:10px;
    color:#e0e0e0;
}

.neutral h2 {
    color:#303030;
    text-align:left;
    text-shadow:none;
}

.neutral hr {
    border:1px solid rgba(255,255,255,var(--tr));
    margin-left:-24px;
    margin-right:-20px;
}

.neutral span {text-decoration:underline dotted grey;cursor:help;}

.summary {
    text-align:justify;
    font-size:3vmin;
}
.summary h2 {
    font-size:1.6em;
    font-weight:500;
    color:inherit;
    display:inline;
    }
.summary p {margin-top:0;padding:0px;}    
.summary p::first-letter {font-size: inherit;}
.summary li {line-height:4vmin;}

#index {
    text-align:center;
    margin:auto;
    padding:0;
    text-shadow:-1px -1px 1px #808080;
}

#index ul {padding:0;}

#index li {
    display:inline-block;
    font-size:1.5vw;
    margin:10px;
    margin-bottom:5px;
    line-height: 1em;
    }


a {
    text-decoration:none;
    color:inherit;
    display: inline;
	position: relative;
}

a:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	position: absolute;
	background: rgba(255,255,255,var(--tr));
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}

a:hover:after {
	width: 100%;
	left: 0;
}

a.heading:after {transition:none;background:none;}
.contact a:after {transition:none;background:none;}

@media screen and (orientation:portrait) {
    #index li {font-size:1.5vh;}
}