/* Full page image css */

body, html {
    height: 100%;
}

@media screen and (min-width: 400px) {
  body{
    font-size: 150%;
  }

  h5.smallTitle{
    font-size: 150%;
  }

  div.vert-spacer{
      height:3em;
      background-color: #5c78a5;/*#525956;/*#6d7773*/
      color: #fffeef;
      text-align: center;
      padding-top:.7em;
  }

  h6{
    font-size: 110%;
  }
}

@media screen and (min-width: 992px) {
  body{
    font-size: 100%;
  }

  div.vert-spacer{
      height:4em;
      background-color: #5c78a5;/*#525956;/*#6d7773*/
      color: #fffeef;
      text-align: center;
      padding-top:.7em;
  }

    h6{
      font-size: 100%;
    }
}

.bg {
    /* The image used */
    background-image: url("./Assets/oculusSmaller.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

em{
  color: #87a0c7;
}

/*hX */
h1.name{
    color: aliceblue;
    font-size: 4em;
    text-align: center;
}

h4{
  text-align: center;
}

h4.subName{
    text-align: center;
    color:#7598d1;
}

h4.title{
  text-align: center;
  color: #5c78a5;/*white;*/
}

h5.smallTitle{
    text-align: center;
}

h5.title{
  text-align: center;
  color: white;
}

h6{
    text-align: center;
}

h6.pushRight{
    padding-left: 2em;
    text-align: center;
}

/* p */
a.social{
  color: #dbe7f9;/*#5c78a5;*/
}

a.social:hover{
  color: #dbe7f9;
}

a.black{
  color: black;
}

a.black:hover{
  text-decoration: none;
}

a.white{
  color: white;
}

a.white:hover{
  text-decoration: none;
}

a.nav{
  color: white;
  font-style: normal;
}

a.nav:hover{
  text-decoration: none;
}

/* div */

div.verticalThird{
    height: 10em;
}

div.medium-vert-spacer{
  height:2.5em;
}

div.small-vert-spacer{
    height:.4em;
}

div.double-small-vert-spacer{
    height:1em;
}

div.promoText{
    /*display: inline-block;*/
    margin: 0 auto;
}

div.square{
    height: 8em;
    width: 8em;
    background-color: white;
    margin: 0 auto;
}

div.whiteBackground{
  color: white;
  /*background-color: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  /*padding: 1em 1em 1em 1em;*/
  padding: 1em 1em 0.25em 1em;
}

div.navElement{
  background-color: #5c78a5;
}

div.navElement:hover{
  background-color: #4a6187;
  text-decoration: none;
}

div.smallUp{
  margin-top: -1em;
}

/* iframe */

iframe{
    text-align: center;
}

/* img */

img.smallBadge{
    height: 2em;
    width: auto;
    display:block;
    margin: auto;
}

img.inlineSmallBadge{
  height: 1.5em;
  width: auto;
  vertical-align: text-top;
  /*display:block;
  margin: auto;*/
}

img.mediumBadge{
    height: 3em;
    width: auto;
    display:block;
    margin: auto;
}

img.tallBadge{
  width: auto;
  height: 5.5em;
  display:block;
  margin: auto;
}

img.fitWidth{
    width: 100%;/*20em;
    height: 11.25em;*/
}

img.halfWidth{
    width: 41%;
    height: auto;
    display:block;
    margin: auto;
}

img.halfWidth2{
    width: 85%;
    height: auto;
    display:block;
    margin: auto;
    padding-top:0.5em;
}

img.sample{
  height: 2em;
  width: auto;
  display:block;
  margin: auto;
}

img.Title{
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* color ids */

#facade{
    background-color: #facade;
}

#pls{
  background-color: #5c78a5;
  border-radius: 15px;
  padding: 1em 1em 0em 1em;
}

#pls2{
  border-radius: 15px;
  padding: 1em 1em 0em 1em;
}

#pls3{
  background-color: #5c78a5;
  border-radius: 15px;
  padding: 0.5em 0.75em 0.25em 0.75em;
}

#padding{
  padding: 1em 1em 1em 1em;
}

#paddingNoBottom{
  padding: 1em 1em 0em 1.4em;
}

#bottomPadding{
  padding-bottom: 0.5em;
}

#halfBottomPadding{
  padding-bottom: 0em;
}

.centerText{
  text-align: center;
}

.whiteText{
  color: white;
}

.whiteTextCentered{
  color: white;
  text-align: center;
  text-decoration: none;
}

/* old website */

ul{
    list-style: none;
    padding-left: 0em;
}

li{
    color: white;
    text-align: center;
}

li.black{
  color: black;
}

span.bold{
    font-weight: bold;
}

div.NEWBADGE{
    float: right;
    position: relative;
    top: -0.5em;
    right: -1em;
}

p.NEWBADGE{
    border-radius: 15px;
    background-color: #f74c4c;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

p.center{
  text-align: center;
}