/* RESPONSIVE STYLES, MAINLY FOR HOME PAGE */
@media all and (orientation: portrait) {
  #slide1, #slide3 {
    /*height: 30em;*/
    background-size: 100vw;
    /*background-size: cover;*/
  }
}
/** STYLES VALID FOR DESKTOP */
@media (min-width: 1024px) {

  .big-text img {
    height: 15em;
  }
  #slide2 .big-text {
    position: absolute;
    margin-left: -5em;
    margin-top: -18em;
  }
  .content {
    max-width: 800px;
    margin: auto;
    z-index: 2;
  }

}

/** STYLES VALID FOR TABLET (?) */
@media (max-width: 770px) {

  .big-text img {
    height: 12em;
  }
  #slide2 .big-text {
    position: absolute;
    margin-left: 1em;
    margin-top: -15em;
  }
  .grid {
    margin: 2em 0 2em 0;
    max-width: auto;
  }
  .centered-content {
    margin: 0 25%;
  }
  .ico-link {
    /*margin: 0 20%;*/
    font-size: 2em;
    padding: 1em 0;
    font-weight: 700;
    color: #f19100;
    text-align: center;
  }
}

/** STYLES VALID FOR PHONE?) */
@media (max-width: 580px) {

  .big-text img {
    height: 8em;
  }
  #slide2 .big-text {
    position: absolute;
    margin-left: 1em;
    margin-top: -11em;
  }
  .contact {
    float: left;
    margin: 2em 0;
    width: 100%;
  }
  .grid {
    padding: 2em 0;
  }
  .grid .cell {
    /* width: 100%; */
    padding-top: 10px;
  }
  .centered-content {
    margin: 0 0;
  }
  h1 {
    font-size: 2em;
    color: #52757a;
    font-weight: 800;
    text-align: center;
  }
  .ico-box {
    border: 6px solid #527580;
    padding: 2%;
    margin-right: 0%;
  }

}

/** STYLES VALID FOR SMALL DEVICES (?) */
@media (max-width: 375px) {

  .big-text img {
    height: 8em;
  }
  #slide2 .big-text {
    position: absolute;
    margin-left: 1em;
    margin-top: -9em;
  }
  #slide1, #slide3 {
    /*height: 20em;*/
    /*background-size: cover;*/
    background-size: 100vw;
  }
  .centered-content {
    margin: 0 0;
  }
  .ico-link {
    /*margin: 0 20%;*/
    font-size: 1em;
    padding: 1em 0;
    font-weight: 700;
    color: #f19100;
    text-align: center;
  }
  .ico-box {
    border: 6px solid #527580;
    padding: 2%;
    margin-right: 0%;
  }
}