html {
  font-size: 16px;
}

.main-section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 50px;
  padding-top: 50px;
}
.podaci {
  grid-column: 2/6;
  justify-self: center;
  padding-top: 20px;
}
.iframe {
  grid-column: 6/11;
  padding-top: 20px;
}
.iframe iframe {
  width: 100%;
  height: 500px;
}
.podaci ul {
  padding: 1rem 0;
}
h2 {
  color: rgba(57, 55, 55, 0.807);
}
.podaci ul li {
  padding: 1.1rem 0;
  list-style-type: none;
  color: rgb(25, 23, 23);
  font-weight: 500;
}
.rijeka {
  margin-left: 42px;
}
.container {
  display: flex;
  justify-content: center;
  /* display: grid;
  place-items: center; */
}
.copyright {
  position: absolute;
  bottom: 0;
  color: rgba(114, 114, 114, 0.705);
  padding-bottom: 5px;
  text-align: center;
  font-size: 1.03rem;
}
body {
  background: linear-gradient(hsla(240, 100%, 87%, 0.6), hsl(7, 69%, 95%))
    no-repeat center center fixed;
}
.phone p {
  padding-left: 40px;
  line-height: 1.5;
}
/* fontawsome========
========================= */
.location::before {
  content: '\f3c5';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome Kit';
  font: var(--fa-font-solid);
  font-size: 1.5rem;
  margin-right: 20px;
}

.phone::before {
  content: '\f095';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome Kit';
  font: var(--fa-font-solid);
  font-size: 1.5rem;
  margin-right: 20px;
}
.mail::before {
  content: '\f0e0';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome Kit';
  font: var(--fa-font-solid);
  font-size: 1.5rem;
  margin-right: 20px;
}
.https::before {
  content: '\f0ac';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome Kit';
  font: var(--fa-font-solid);
  font-size: 1.5rem;
  margin-right: 20px;
}
.clock::before {
  content: '\f017';
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome Kit';
  font: var(--fa-font-solid);
  font-size: 1.5rem;
  margin-right: 20px;
}

@media (max-width: 900px) {
  .main-section {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 30px;
    gap: 0;
  }
  .podaci {
    grid-column: 1/2;
    justify-self: center;
  }
  .iframe {
    grid-column: 1/2;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .iframe iframe {
    width: 80%;
    height: 300px;
  }
  .copyright {
    position: sticky;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .copyright p {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
}