/* Mobile only */
@media screen and (max-width: 1200px) {

h1, h2, h3, p.large, p.lead {
  color: #000000;
}

a {
  text-decoration: underline;
}

h1 {
  padding-top: 25px;
  font-size:60px;
}

h2 {
  font-size: 56px;
}

li {
  padding: 5px;
}

p.lead {
  font-size: 52px;
}

p.large {
  color: #000000;
  font-size: 60px;
}

.sidebar li a {
  opacity:.9;
  color: #000000;
  text-decoration:none;
}

li a:hover {
  text-decoration:none;
  color: #000000;
}

.button_show:hover, .sidebar li:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.sidebar {
  top: 200px;
}

.sidebar li {
  margin-top:50px;
  width: 80px;
  height: 80px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  padding: 20px;
  font-size: 32px;

}

.sidebar li.active a {
  color: #000000;
  opacity:.8;
}

.footer {
  font-size: 18px;
  opacity: .85;
  text-align: center;
  padding: 0px;
  color: #FFFFFF;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.body_circle, .body_square, .button_show, .sidebar li {
  opacity:.80;
  background-color: #FFFFFF;
  color: #000000;
  border: solid 1px #000000;
}

.button_show {
  top:0%;
  font-size:48px;
  background-color: #ffffff;
  width: 100px;
  height: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  padding: 20px;
}

.body_circle {
  left:200px;
  width: 600px;
  height: 600px;
  -moz-border-radius: 600px;
  -webkit-border-radius: 600px;
  border-radius: 600px;
  padding: 20px;
  font-size: 48px;
}

.body_square {
  top: 75px;
  left: 200px;
  font-size: 48px;
}

.button_instructions {
  display:none;
}

.button_accessibility {
  top: 180px;
  width: 20px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.formspace {
  margin-right:50px;
}

video {
  opacity:.85;
}
}