@charset "UTF-8";

/* ==========================================================================
   Media queries
   ========================================================================== */

@media only screen and (min-width: 1001px) {
  
  .section-home .container { height: -webkit-fill-available; }

} 


@media (max-aspect-ratio: 6/5) and (min-width: 1001px) {
    
  .columns .column-image .img { height: 100%; }
  .columns .column-image .img img {object-position: right bottom; }
 
}

@media only screen and (max-width: 1580px) {
 
 .columns .column-text { justify-content: flex-start; }
 .columns .column-text > div { max-width: 700px;
   
   /* NR TMP */
   max-width: 520px; 
    padding: 0 60px 0 100px; }
 
}

@media only screen and (max-width: 1400px) {

  .columns .column-text > div { max-width: 680px; /* NR TMP */ max-width: 520px;   padding: 0 60px 0 60px; }
  
  .description { max-width: 360px;  /* NR TMP 420 */ }

}

@media only screen and (max-width: 1200px) {
  
  .columns .column-image .image-wrapper { right: -15%; width: 135%; }
  
  .columns .column-text > div { padding: 0 0 0 60px; }
  
 /* .description { max-width: 420px; } NR TMP */

}


@media only screen and (max-width: 1150px) {

  .description { max-width: 360px; /* NR TMP 400 */ }

}

@media only screen and (max-width: 1080px) {

  .columns .column-image .image-wrapper { right: -20%; width: 140%; }

}

@media (max-aspect-ratio: 6/5) and (max-width: 1200px) and (min-width: 1001px) {
  
  .columns .column-image .image-wrapper { right: -15%; width: 140%; }
  
}


@media only screen and (max-width: 1000px) {
  
  .section-home:before { height: 700px; width: 100%; background: linear-gradient(130deg,#191928 0%,#101019 40%,#101019 100%); }
  .columns { flex-direction: column; }
  .columns .column { width: 100%; }
  
  .columns .column-text { margin-bottom: 0; }
  .columns .column-text > div { max-width: 800px; padding: 0 80px; }
 /* NR TMP .description { max-width: 100%; } */
  
  .columns .column-image { height: 80vw; overflow: hidden; }
  .columns .column-image .image-wrapper { top: -10vw; right: -15%; height: 170%; }
  .columns .column-image .img img { object-position: right top; }

}

@media only screen and (max-width: 700px) {
  
  .columns .column-text > div { padding: 0 60px; }
  
}

@media only screen and (max-width: 600px) {
  
  .columns .column-text > div { padding: 0 40px; }
  
}

@media only screen and (max-width: 420px) {
  
  .columns .column-text { margin-top: 2.5em; margin-bottom: 2em; }
  
  .columns .column-text > div { padding: 0 30px; }
   
  
  .page-title { font-size: 5rem; }
  
  .description { margin: 2.5em 0 2em 0; }
  .description, .links { font-size: 1rem; }
  .description h2 { font-size: 1.125rem; }
  
}

@media only screen and (max-width: 450px) {

  .columns .column-text > div { padding: 0 20px; }
  
}