@font-face{
	font-family: PredikatOneday;
  src: url(../fonts/PredikatOneday/Predikat-Oneday.ttf);
}

.mn_screen .intro_hold_h1 .h2g {
	  font-family:'predikatOneday';

}

.mn_screen .intro_hold_h1 .h3g {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font: normal 6.188vw/3.24vw Atyp;
    letter-spacing: 0.664vw;
    height: 16.25vw;
    left: -1.5vw;
    top: 25%;
    transform: translateY(400.927vw);
    font-family:'predikatOneday';
}

@media (max-width:1024px) {
    .mn_screen .intro_hold_h1 .h3g {
        transform: translateY(17.5vw)
    }
}

@media (max-width:760px) {
    .mn_screen .intro_hold_h1 .h3g {
        color: #fff;
        left: 0;
        top: 11px;
        height: 80px;
        font: normal 86px/56px Atyp;
        letter-spacing: -6.487px;
        transform: translateY(85px)
    }
}



/*About section*/
@font-face {
    font-family: Gordita;
    src: url(../fonts/gordita/Gordita-Light.woff2);
  }
  
ul {
      list-style: none;
    }
    
    a {
      text-decoration: none;
    }
    
    img {
      display: block;
      max-width: 100%;
    }
  
    .em{
      font-style: normal;
    }
  
    .about_container {
        width: 90%; /*Added a width to allow for padding*/
      margin: 0 auto;
        padding: 0 20px;
    }
  
  .section-text {
    font-size: 5rem;
    color: hsla(0, 0%, 100%, 0.7);
    font-weight: 300;
    line-height: 1.7;
    font-family: 'Gordita';
    text-align:left;
  }

/*  ABOUT  */

.about {
    flex: 1;

}
.about .about_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start; /* Align items to the start to have the text and image on the same line */
    gap: 80px;
    padding: 0px 0; /*remove left/right padding and use the container width */
}

.about-text {
     /* padding-inline-start: 45px;  removed inline padding*/
     padding-right: 10%;
     padding-left: 10%;
}

.about-image {
    height: auto;
    width: 80%;
    padding-left: 25%;
    padding-top: 15%;
    padding-bottom: 15%;

}

.about-text .section-text {
       font-size: 3rem;
        color: hsla(0, 0%, 100%, 0.7);
        font-weight: 300;
        line-height: 1.7;
        padding-top: 25%;
    }

.about .section-text .em {
    color: hsl(0, 0%, 100%);
    font-weight: 400;
    text-decoration: underline;
}

.awards_logo {
    text-align: center;
    max-width: 30%;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3rem;
}

@media (max-width:1440px) {
    .container {
    }
}

@media (max-width:760px) {
    .container {
        padding: 0 1rem
    }
}

.award-image {
    height: auto;
    width: 100%;
    padding: 5%;
    text-align: justify;

}



/* Language Flags Capsule Container */
/* Language Flags Capsule Container (Large Screens) */
.language-capsule-large {
  display: flex; /* Changed to flexbox */
  flex-direction: column; /* Arrange items vertically */
  background-color: transparent;
  border-radius: 25px;
  padding: 5px 0px; /* Added some padding */
  position: fixed;
  top: 42px;
  right: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 10;
  transition: all 0.3s ease;
  
}

.language-capsule-large ul {
    padding: 0; /* Remove default padding on ul */
    margin: 0; /* Remove default margin on ul */
    list-style: none; /* Removes bullet points */
    display: flex; /* Make the list a flexbox */
    flex-direction: column; /* Arrange list items vertically */
    align-items: center; /* Center items horizontally within container */
    
}

.language-capsule-large ul a{
    text-decoration: none; /* Remove default underline from link */
    width: 100%;  /* Take up available width for border to work */
}
.language-capsule-large .language-flag {
  cursor: pointer;
  font-size: 2.2em;
  margin: 10px 0; /* Equal top and bottom margin for spacing*/
  display: flex; /* Use flexbox to align content */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  border: white 0.5px solid;
  width: 32px;
  height: 25px;
  
  text-align: center;
  
}

.language-capsule-large .language-flag:hover {
  color: #007bff;
}

.language-capsule-large .language-flag span {
  display: inline-block;
  width: 100%;
  height: 100%;
  
}

.f1 {
  line-height: 0px;
}


@media (max-width: 1500px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 38px;
    right: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 31px;
    height: 24px;
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 2.8rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 1400px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 32px;
    right: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 30px;
    height: 23px;
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 2.6rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 1300px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 30px;
    right: 17px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 29px;
    height: 22px;
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 2rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 1200px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 27px;
    right: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 28px;
    height: 21px;
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1.8rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 1100px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 22px;
    right: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 27px;
    height: 20px;
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1.6rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
  .safari_mac .mn_screen .intro_hold_h1, .mn_screen .intro_hold_h1 {
    top: 12.74vw;
    width: auto;
    height: 40.25vw;
  }
  .safari_mac .mn_screen .intro_hold_h1 .h2g, .mn_screen .intro_hold_h1 .h2g {
    letter-spacing: 0.664vw;
    height: 16.25vw;
    left: -1.823vw;
    transform: translateY(55.927vw);
    font-size: 12rem;
}
.safari_mac .mn_screen .intro_hold_h1 .h3g, .mn_screen .intro_hold_h1 .h3g {
  transform: translateY(200.927vw);
  font-family:'predikatOneday';
  font-size: 5rem;
}
 
}
@media (max-width: 1000px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 18px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 30px;
    height: 22px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1.5rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
  .safari_mac .mn_screen .intro_hold_h1, .mn_screen .intro_hold_h1 {
    top: 12.74vw;
    width: auto;
    height: 40.25vw;
  }
  .safari_mac .mn_screen .intro_hold_h1 .h2g, .mn_screen .intro_hold_h1 .h2g {
    letter-spacing: 0.664vw;
    height: 16.25vw;
    left: -1.823vw;
    transform: translateY(55.927vw);
    font-size: 10rem;
}
.safari_mac .mn_screen .intro_hold_h1 .h3g, .mn_screen .intro_hold_h1 .h3g {
  transform: translateY(200.927vw);
  font-family:'predikatOneday';
  font-size: 4rem;
  top: 0vw;
}
 
}
@media (max-width: 900px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 14px;
    right: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 28px;
    height: 20px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1.4rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }

  .safari_mac .mn_screen .intro_hold_h1, .mn_screen .intro_hold_h1 {
    top: 12.74vw;
    width: auto;
    height: 40.25vw;
  }
  .safari_mac .mn_screen .intro_hold_h1 .h2g, .mn_screen .intro_hold_h1 .h2g {
    letter-spacing: 0.664vw;
    height: 16.25vw;
    left: -1.823vw;
    transform: translateY(55.927vw);
    font-size: 8rem;
}
.safari_mac .mn_screen .intro_hold_h1 .h3g, .mn_screen .intro_hold_h1 .h3g {
  transform: translateY(200.927vw);
  font-family:'predikatOneday';
  font-size: 3rem;
  top: 0vw;
}
 
}
@media (max-width: 800px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 10px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 30px;
    height: 22px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1.2rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
  .safari_mac .mn_screen .intro_hold_h1, .mn_screen .intro_hold_h1 {
    top: 12.74vw;
    width: auto;
    height: 40.25vw;
  }
  .safari_mac .mn_screen .intro_hold_h1 .h2g, .mn_screen .intro_hold_h1 .h2g {
    letter-spacing: 0.664vw;
    height: 16.25vw;
    left: -1.823vw;
    transform: translateY(55.927vw);
    font-size: 8rem;
}
.safari_mac .mn_screen .intro_hold_h1 .h3g, .mn_screen .intro_hold_h1 .h3g {
  transform: translateY(200.927vw);
  font-family:'predikatOneday';
  font-size: 3rem;
  top: 0vw;
}

}
 
@media (max-width: 700px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 35px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 30px;
    height: 22px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1.1rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 600px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 35px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 30px;
    height: 22px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 1rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 500px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 35px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 30px;
    height: 22px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 0.9rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 460px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 35px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    z-index: 300;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 25px;
    height: 18px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 0.85rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}
@media (max-width: 380px) {
  .language-capsule-large {
    border-radius: 25px;
    padding: 5px 0px; /* Added some padding */
    position: fixed;
    top: 35px;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  .language-capsule-large .language-flag {
    cursor: pointer;
    font-size: 2.2em;
    margin: 10px 0; /* Equal top and bottom margin for spacing*/
    display: flex; /* Use flexbox to align content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border: white 0.5px solid;
    width: 25px;
    height: 18px;
    
    text-align: center;
    
  }
  .about-text .section-text {
    font-size: 0.6rem;
     color: hsla(0, 0%, 100%, 0.7);
     font-weight: 300;
     line-height: 1.7;
     padding-top: 20%;
 }

  .apartment_premises .rows .cols .award-image {
    text-align: center;
    
  }

  .mn_screen .ms_txt p {
    color: white;
    font: 500 3vw/.99vw Atyp;
    font-weight: normal;
  }
 
}



@media  (min-width: 310px) and (max-width: 1600px) {
  .safari_mac .mn_screen .intro_hold_h1 .h2g, .mn_screen .intro_hold_h1 .h2g{
  font-family:'predikatOneday';
  }
  .mn_screen .intro_hold_h1 .h3g {
    top: 20px;
  }
}
@media  (min-width: 310px) and (max-width: 759px){
  .safari_mac .mn_screen .intro_hold_h1 .h2g, .mn_screen .intro_hold_h1 .h2g {
    letter-spacing: 0.664vw;
    height: 16.25vw;
    left: -1.823vw;
    transform: translateY(55.927vw);
    font-size: 8rem;
}
.safari_mac .mn_screen .intro_hold_h1 .h3g, .mn_screen .intro_hold_h1 .h3g {
  transform: translateY(400.927vw);
  font-family:'predikatOneday';
  font-size: 3rem;
  padding-top: 50px;
}
.safari_mac .mn_screen .intro_hold_h1, .mn_screen .intro_hold_h1 {
  top: 40.74vw;
  width: auto;
  height: 55.25vw;
}


}