body {
  width: 100%;
  height: 100%;
  font-family: 'Exo 2', sans-serif;
}

img {
  max-width: 100%;
}

.header {
  padding-top: 20px;
  border-bottom: 4px solid #a5c359;
  margin-left: -20px;
  margin-bottom: 30px;
  display: inline-block;
  padding-left: 84px;
  padding-bottom: 20px;

}

.header img  {
  max-width: 100%;
}

main {
}


.green {
  background-color: #e9f2db;
  min-height: 100vh;
}

.green:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0px 900px 80px;
  border-color: transparent transparent transparent #FFFFFF;
  line-height: 0px;
  _border-color: #000000 #000000 #000000 #FFFFFF;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.preguntas {
  padding: 40px 20px 20px 50px;
}
h4 {
  color: #9ebd57;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 40px;
}

.btn-primary {
  background: #06335d;
  border-color: #06335d;
  margin-top: 30px;
  margin-bottom: 30px;
}

.green img.personaje {
  margin: 0 auto;
}

.video {
      padding-bottom: 118px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
text-align: center;
    padding-right: 31px;
}
.footer img {
  display: inline-block;
}

.codigo_col {
  min-height: 100vh;
      max-width: 98vw;
}

.codigo_box {
  background: #eaf3df;
  border: 2px solid #b4d382;
  padding: 0 30px 30px 30px;
  border-radius: 20px;
  margin-top: 40px;
}

.table thead {
  background:  #a5c359;
  color: #ffffff;
}
.table td:first-child {
  min-width: 200px;
}
.table td:last-child {
  min-width: 200px;
}

.leido {
  background:  #eaf3df;
}
.leido .marcar {
  background: #a5c359;
  border-color: #a5c359;
}

@media screen and (max-width: 768px) {
  .video-col {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 620px) {
  .video, .table {
    padding-bottom: 200px;
  }
  .table td:last-child {
    min-width: 100px;
  }
}
@media screen and (max-width: 385px) {
  .video, .codigo_box-wrapper, .table {
    padding-bottom: 300px;
  }
}