/*************************************************************************** */
/**   Author: Josip Vinković (https://www.linkedin.com/in/josipvinkovic)  ** */
/**   Company: Altoden (https://www.altoden.hr)                           ** */
/*************************************************************************** */

/* #region location */

.location {
  margin-top: 2vw;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.location .title-group {
  margin-top: 2vw;
}

.location .title-group h1 {
  font-size: calc(20px + 4.1vw);
  font-family: "Basier-Square-Bold", Sans-Serif;
}

.location .main-text .text {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 38.5vw;
  margin-left: 9.5vw;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
}

.text > div {
  margin-right: 4.1vw;
  margin-bottom: 3vw;
  min-width: 204px;
}

.text h1 {
  font-family: "Basier-Square-Bold", Sans-Serif;
}

.location .map-iframe {
  width: 48.5vw;
  margin-left: 2.7vw;
  height: 52vw;
  min-height: 600px;
  display: inline-block;
  background: url(../img/loader.gif) center center no-repeat;
}

.map-iframe iframe {
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 880px) {
  .location {
    flex-wrap: wrap;
  }

  .location .main-text {
    width: 100vw;
  }

  .location .main-text .text {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    font-size: 17px;
    line-height: 22px;
    display: block;
    margin: auto;
  }

  .text > div {
    margin-right: 0;
    margin-bottom: 0;
  }

  .location .map-iframe {
    width: 100vw;
    margin-left: 0;
    margin-top: 12vw;
    height: 70vw;
    min-height: 300px;
  }

  .map-iframe iframe {
    height: 100%;
    width: 100%;
  }
}

/* #endregion */