body{
  color:#000;
}

a, a:link, a:hover, a:active {color:#000; text-decoration:none;}

sup {
  top: -.6em;
  font-size: 50%;
}

.responsive-video {
  position: relative;
  /*padding-bottom: 56.25%;*/
  padding-bottom: 48.25%;
  padding-top: 60px; overflow: hidden;
  margin-bottom: 2em;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.foreground a, .personmenu a, .personmenusmall a {
  text-decoration: underline;
}

#bgcolor5{
  height: 100em;
}

.content {
  margin-top: 2em;
  border: 2px solid #000;
  padding: 2em 2em 2em 2em;
}
.content a:hover{
  text-decoration:underline;
}

.defaultspacing{
  margin-top: 6em;
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
  .defaultspacing{
    margin-top: 10em;  
  }
}
@media (min-width: 1200px) {
  .defaultspacing{
    margin-top: 16em;  
  }
}
@media screen and (max-width: 767px) {
}

#contentheader {
  font-family: Metropolis, serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 51px;  
}

#contentdescription {
  line-height: 30px;
  font-size: 21px;
  font-family: Metropolis, sans-serif;
  font-weight: 300;
}

#contentteachers, #contentprogram, #contentapplication{
  line-height: 30px;
  font-size: 21px;
  font-family: Metropolis, sans-serif;
  font-weight: 300;
}
#contentteachers>p, #contentprogram>p{
  margin-top: 2em;
}
#contentteachers .teacherstitle {
  margin-top: 3em;
}
.work{
  font-family: Metropolis, sans-serif;
  font-weight: bold;
  color:#000000;
}


#contentdetail {
  line-height: 25px;
  font-size: 21px;
  font-family: Metropolis, sans-serif;
  font-weight: 300;
}


.background {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -100;
  height:auto;
  width:100%;
}

#bgcolor1{min-height:6em;background-color: #FFFFFF;}
#bgcolor2{min-height:6em;background-color: #F6F6F6;}
#bgcolor3{min-height:6em;background-color: #FFFFFF;}
#bgcolor4{min-height:6em;background-color: #F6F6F6;}
#bgcolor5{min-height:6em;background-color: #FFFFFF;}

.left{
  position: fixed;
  top: 2em;
  left: 1em;
  height:auto;
  width:20em;
}
.logo img{
  cursor: pointer;
}
.logodate{
  margin:2em -10px 0 -10px;
  color: #000;
  font-family: Metropolis, sans-serif;
  font-size: 21px;
  font-weight: 400;
  padding: 0px;
  line-height: 18px;
}

.logobrand{
  margin-top:2em;
}

.menu{
  position: fixed;
  top: 2em;
  right: 2em;
  height:auto;
  width:14em;
}
.menu .row div{
  font-size: 21px;
  font-family: Metropolis, sans-serif;
  font-weight: 400;
  line-height: 25px;
  padding:1em 0;
  width:8em;
}
.menu a {
  padding:0.4em;
  border: 2px solid transparent;
}

.personmenu{
  position: fixed;
  top: 2em;
  right: 2em;
  height:auto;
  width:14em;
}
.personmenu .row div{
  font-size: 21px;
  font-family: Metropolis, sans-serif;
  font-weight: 400;
  line-height: 25px;
  padding:1em 0;
  width:8em;
}

#personmenusmall .row div{
  font-size: 21px;
  font-family: Metropolis, sans-serif;
  font-weight: 400;
  line-height: 25px;
  margin-bottom:1em;
}