h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}
body {
}

.course1 {
  background-position: 30% 10%;
  background-image: url("/images/a1.png");
  font-family: 'Merriweather Sans', 'Lato', 'Liberation Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.registration {
  color: #FF6100;
  background-color: #131411;
}

.brand:hover .o {
  color: #FF6100;
}

.brand:hover .od {
  color: #FF6100;
}

.brand:not(:hover) .od {
  color: rgba(0,0,0,0);
}

body {
  background-color: #f2f4f2;
}

footer, footer a {
  text-align: center;
  color: #777;
}

@media (max-width: 550px) {
  .profile-img {
    display: none;
  }
}

/*
 * Overlay one element over an other
 * http://stackoverflow.com/a/2941203/2363712
 */
.overlay-container {
   position: relative;
   width: 243px;  /* 235+8px of border */
   height: 361px; /* 353+8px of border */
   border: solid 4px gray;
}

.overlay-container .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.overlay-container .top {
  opacity: 0.0;
  color: #777;
  background-color: white;
}

.overlay-container .top:hover {
  opacity: 1.0;
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

 /*
  * See https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css
  * for the full set of master styles used by the documentation samples
  */