body {
    margin: 0 auto;
    max-width: 48em;
    font-family: "Lucida Console", Monaco, monospace;
    line-height: 1.5;
    padding: 4em 1em;
    color: #566b78;
    font-size: 16px;
}

h1 {
    font-family: "Lucida Console", Monaco, monospace;
}

h2 {
    margin-top: 1em;
    padding-top: 1em;
}

h1,
h2,
strong {
    font-weight: 1200;
    color: #333;
}

highlight {
    font-weight: 1200;
    color: #333;
    background-color: #a2dffb;
}

a {
  color: #03A9F4;
}

a:visited {
  color: #3F51B5;
}

.responsive {
    width: 100%;
    height: auto;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

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


/*.jumbotron {
  background: #532F8C;
  color: white;
  padding-bottom: 80px; }
  .jumbotron .btn-primary {
    background: #845ac7;
    border-color: #845ac7; }
    .jumbotron .btn-primary:hover {
      background: #7646c1; }
  .jumbotron p {
    color: #d9ccee;
    max-width: 75%;
    margin: 1em auto 2em; }
  .navbar + .jumbotron {
    margin-top: -20px; }
  .jumbotron .lang-logo {
    display: block;
    background: #B01302;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: auto;
    border: 2px solid white; }
    .jumbotron .lang-logo img {
      max-width: 100%; }

*/