/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  }


.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


body {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  text-align: center;
  color: #ffffff!important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #141736;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
  background-color: #141736;
}

p{
  font-weight: 400!important;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

body{ background-color: #141736; }

header {
  text-align: center;
  background-color: #141736;
  padding: 3rem 0;
}

.footer {
  color: #ffffff!important;
    background-color: #141736!important;
    height: auto!important;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 25px;

}


h1,h2,h3,h4,h5 {

  color: #ffffff!important;
}


.imagen{
    width: 100%;
    height: 500px;
}

.picture {
    height:600px;
    width: 100%;
    background-image: url('ESAINT-redirect-v2_fyl1.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}

.picture:hover {
    background-image: url('ESAINT-redirect-v2_fyl2.jpg');
}

.picture2 {
    height:600px;
    width: 100%;
    background-image: url('ESAINT-redirect-v2_e1.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}

.picture2:hover {
    background-image: url('ESAINT-redirect-v2_e2.jpg');
}


@media only screen and (max-width: 992px) {
.picture, .picture2 {
    height:900px;
    background-size: contain;
  }

  .imagen{margin-bottom: 300px;}
}


@media only screen and (max-width: 768px) {
  body > .container {
      padding: 30px 15px 0!important;
  }

  .imagen{margin-bottom: 100px;}

}

@media only screen and (max-width: 575px) {
.picture, .picture2 {
    height:500px;
    background-size: contain;
  }

  .imagen{margin-bottom: 0px;}
}