body {
  background-color: white;
  font-family: 'Hind';
  max-width: 1680px;
  margin: auto; }

p.title {
  font-weight: 100 !important;
  color: #afbcc3 !important;
  letter-spacing: 4px !important;
  text-align: center !important; }

#nav {
  height: 120px; }
  #nav nav {
    height: 120px;
    background-color: white; }
    #nav nav img {
      width: auto;
      max-height: 70px;
      margin: 25px 0 0 25px; }
    #nav nav ul {
      height: 100%;
      margin: 0 auto; }
      #nav nav ul li {
        height: 120px;
        line-height: 120px; }
        #nav nav ul li a {
          color: black; }

nav a.sidenav-trigger, nav a.sidenav-trigger i {
  height: 120px !important;
  line-height: 120px !important;
  font-size: 50px; }

ul#slide-out img.sidelogo {
  width: 100%;
  height: auto; }

.sidenav li > a {
  height: auto; }

#cover {
  margin-top: -120px;
  padding-top: 150px; }
  #cover h1 {
    color: #1570b1;
    font-size: 3.5rem;
    text-align: right;
    margin-bottom: 0; }
  #cover p {
    text-align: right; }
  #cover img {
    width: 100%; }
  #cover .site-title {
    padding-top: 20vh;
    padding-left: 50px; }

#gens {
  background-image: url("/icons/gens.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 5%; }
  #gens .row {
    height: 90vh; }
  #gens h3 {
    margin: 0; }
  #gens p.title {
    text-align: left !important; }

#ejes {
  background-image: url("/icons/ejes.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  padding: 10vh 10% 0; }
  #ejes p {
    color: white;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 1px; }

#know {
  margin-top: -120px;
  padding-top: 120px; }
  #know h1 {
    color: #1570b1;
    font-size: 3.5rem;
    margin: 0; }
  #know img {
    width: 100%; }
  #know .site-title {
    padding-top: 20vh;
    padding-left: 50px; }
  #know p.title {
    text-align: left !important; }

#croquis {
  padding: 10vh 0; }
  #croquis h3 {
    color: #1570b1;
    font-weight: 900;
    text-align: center;
    margin: 0 0 30px; }
  #croquis p {
    color: #1570b1;
    text-align: center;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 20px; }
  #croquis #mymap {
    height: 60vh !important;
    width: 100% !important; }

#life {
  background-image: url("/icons/ejes.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  padding: 10vh 10% 5vh; }
  #life p {
    color: white;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 1px; }
  #life p.title {
    text-align: left !important; }

.gallerycard {
  height: 60vh;
  border-radius: 30px;
  position: relative; }
  .gallerycard .gallerytitle {
    position: absolute;
    bottom: 20px;
    left: 20px; }

#student {
  background-image: url("/img/student/1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

#social {
  background-image: url("/img/social/1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

#death {
  background-image: url("/img/diamuertos/1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

#videowrapper iframe {
  width: 60%;
  height: 600px;
  margin: 50px auto; }

#contact {
  min-height: 90vh;
  padding-top: 10vh; }
  #contact h1 {
    color: #1570b1;
    font-size: 3.5rem;
    margin: 0; }
  #contact img {
    width: 100%; }
  #contact .site-title {
    padding-top: 20vh;
    padding-left: 50px; }
  #contact .contact {
    background-image: url("/icons/contact.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 70vh;
    padding: 50px 100px 0 100px; }
    #contact .contact .card {
      border-radius: 30px;
      padding: 15px; }

#redes {
  position: relative;
  height: 100vh;
  padding: 0 60px 0 60px; }
  #redes h2 {
    font-weight: 900;
    margin-bottom: 0; }
  #redes p {
    margin-top: 0; }
  #redes .dont {
    padding-top: 5%;
    background-color: #4151b6;
    border-radius: 20px;
    height: 50%; }
    #redes .dont img.banner {
      position: absolute;
      left: 15%; }

footer#footer.page-footer {
  background-color: #0a0e33;
  padding: 10vh 5%; }
  footer#footer.page-footer p.title {
    text-align: left !important;
    letter-spacing: 0px !important; }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  p.title {
    font-weight: 100 !important;
    color: #afbcc3 !important;
    letter-spacing: 4px !important;
    text-align: center !important; }
  #cover {
    padding-top: 140px; }
    #cover h1 {
      font-size: 4.5rem;
      text-align: center; }
    #cover p {
      text-align: center; }
    #cover img {
      width: 60%; }
    #cover .site-title {
      padding-top: 0vh;
      padding-left: 0;
      padding-right: 0; }
  #gens {
    padding: 0 5%; }
    #gens .row {
      height: auto;
      padding: 7vh 0; }
  #ejes {
    padding: 10vh 10% 0; }
    #ejes .padding-50 {
      padding: 20px !important; }
    #ejes p {
      font-size: 1.5rem;
      letter-spacing: 1px; }
  #know h1 {
    color: #1570b1;
    font-size: 3.5rem;
    margin: 0; }
  #know img {
    width: 60%; }
  #know .site-title {
    padding-top: 0vh;
    padding-left: 50px; }
  #know p.title {
    text-align: left !important; }
  #croquis {
    padding: 10vh 0; }
    #croquis h3 {
      color: #1570b1;
      font-weight: 900;
      text-align: center;
      margin: 0 0 30px; }
    #croquis p {
      color: #1570b1;
      text-align: center;
      font-weight: 100;
      font-size: 15px;
      letter-spacing: 1px;
      margin-top: 20px; }
  #life p {
    font-size: 30px; }
  .gallerycard {
    height: 30vh; }
  #contact {
    min-height: 0vh;
    padding-top: 0vh; }
    #contact h1 {
      margin: 0; }
    #contact img {
      width: 100%; }
    #contact .site-title {
      padding-top: 5vh;
      padding-left: 0px;
      text-align: center; }
    #contact .contact {
      background-size: contain;
      height: 50vh;
      padding: 50px 100px 0 100px; }
      #contact .contact .card {
        padding: 15px;
        margin-top: 40px; }
  #redes {
    position: relative;
    height: auto;
    padding: 0 60px 0 60px;
    margin-bottom: 35vh; }
    #redes h2 {
      font-weight: 900;
      margin-bottom: 0; }
    #redes p {
      margin-top: 10px;
      font-size: 25px; }
    #redes .dont {
      padding-top: 13%;
      background-color: #4151b6;
      border-radius: 20px;
      height: 40%; }
      #redes .dont img.banner {
        position: absolute;
        left: 5%; }
      #redes .dont img.social-icon {
        width: 100%; }
  footer#footer.page-footer {
    background-color: #0a0e33;
    padding: 10vh 5%; }
    footer#footer.page-footer p.title {
      text-align: left !important;
      letter-spacing: 0px !important; } }

@media only screen and (max-width: 599px) {
  p.title {
    font-weight: 100 !important;
    color: #afbcc3 !important;
    letter-spacing: 4px !important;
    text-align: center !important;
    font-size: 1.5rem; }
  .valign-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #cover {
    padding-top: 140px; }
    #cover h1 {
      font-size: 2.8rem;
      text-align: center; }
    #cover p {
      text-align: center;
      font-size: 1.3rem; }
    #cover img {
      width: 80%; }
    #cover .site-title {
      padding-top: 0vh;
      padding-left: 0;
      padding-right: 0; }
  #gens {
    padding: 0 5%; }
    #gens .row {
      height: auto;
      padding: 7vh 0; }
  #ejes {
    padding: 10vh 10% 0; }
    #ejes .padding-50 {
      padding: 25px !important; }
    #ejes p {
      font-size: 1.2rem;
      letter-spacing: 1px; }
  #know h1 {
    color: #1570b1;
    font-size: 3rem;
    margin: 0; }
  #know img {
    width: 80%; }
  #know .site-title {
    padding-top: 0vh;
    padding-left: 50px; }
  #know p.title {
    text-align: left !important; }
  #know p {
    font-size: 15px; }
  #croquis {
    padding: 10vh 0; }
    #croquis h3 {
      color: #1570b1;
      font-weight: 900;
      text-align: center;
      margin: 0 0 30px; }
    #croquis p {
      color: #1570b1;
      text-align: center;
      font-weight: 100;
      font-size: 15px;
      letter-spacing: 1px;
      margin-top: 20px; }
  #life p {
    font-size: 30px; }
  #life .padding-30 {
    padding: 0 !important;
    margin-top: 15px; }
  .gallerycard {
    height: 35vh; }
  #contact {
    min-height: 0vh;
    padding-top: 0vh; }
    #contact h1 {
      margin: 0; }
    #contact img {
      width: 100%; }
    #contact .site-title {
      padding-top: 5vh;
      padding-left: 0px;
      text-align: center; }
    #contact .contact {
      background-size: cover;
      height: auto;
      padding: 0px 85px; }
      #contact .contact .card {
        padding: 15px;
        margin-top: 40px; }
  #redes {
    position: relative;
    height: auto;
    padding: 0 60px 0 60px;
    margin-bottom: 35vh; }
    #redes h2 {
      font-weight: 900;
      font-size: 1.8rem;
      margin-bottom: 0; }
    #redes p {
      margin-top: 10px;
      font-size: 20px;
      font-weight: 100; }
    #redes .dont {
      padding-top: 13%;
      background-color: #4151b6;
      border-radius: 20px;
      height: 40%; }
      #redes .dont img.banner {
        position: absolute;
        left: 2%;
        width: 30%; }
      #redes .dont img.social-icon {
        width: 100%; }
  footer#footer.page-footer img.logo {
    width: 100%; } }