:root {

}

@media all and (min-width: 768px) { /*Min 768*/

}

@media all and (min-width: 992px) { /*Min 992*/

}

@media all and (min-width: 1200px) { /*Min 1200*/

}
@media all and (min-width: 1400px) { /*Min 1400*/

}
@media all and (min-width: 1600px) { /*Min 1600*/
}

@media all and (min-width: 1900px) { /*Min 1900*/

}
@media all and (min-width: 2200px) { /*Min 2200*/

}

html {
  background: #130f44;
  color:#f3f9fa; 
} 

.container-header {
    transform: translateY(0%);
}

figure {
    width: 100%;
    aspect-ratio: 12/8;
}
figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.subheader {
    font-family: 'Youth Regular';
}
.subheader-s {
    font-size: 1.4em;
    line-height: 150%;
}
a:hover .subheader-s {
    text-decoration: underline;
}
.text2 {
    color:#c5cfd8;
    font-weight: 200 !important;
    font-size: 1.2em;
    line-height: 140%;
    margin-top: 1em;
}
.thumb-each {
    margin-bottom: 2em;
}
.thumb-each .tag {
    color:var(--color-orange);
}

.logo-holder-page {
    width: 40%;
    min-width: 100px;
    max-width: 150px;
    margin-bottom: 2em;
}
.news-hero {
    display: flex;
    flex-direction: column;
}
.news-hero figure {
    margin-bottom: 0;
    padding-right: 0px;
    overflow: hidden;
    aspect-ratio: 12/8;
}
.news-hero-each {
    width: 100%;
    background: var(--color-blue-light);
    position: relative;
}
.news-hero-each .tag {
    color: var(--color-turquoise);
}
.news-hero-text {
    padding: 25px;
    position: relative;
}

@media all and (min-width: 768px) { /*Min 1400*/

}
@media all and (min-width: 972px) { /*Min 1400*/
    .news-hero figure {
        padding-right: 30px;
        aspect-ratio: 12/12;
    }
    .news-hero {
        display: flex;
        flex-direction: row;
        height: 100%;
    }
    .news-hero-each {
        width: 50%;
        background: var(--color-blue-light);
        position: relative;
    }
    .news-hero figure {
        padding-right: 30px;
        aspect-ratio: 12/12;
    }
    .news-hero-text {
      padding: 25px;
      position: absolute;
      top:50%;
      transform: translateY(-50%);
    }
}
@media all and (min-width: 1200px) { /*Min 1400*/
    .news-hero figure {
        padding-right: 30px;
        aspect-ratio: 12/12;
    }
}
@media all and (min-width: 1400px) { /*Min 1400*/
    .news-hero figure {
        padding-right: 30px;
        aspect-ratio: 12/12;
    }
    .subheader-s, .text2 {
        padding-right: 5%;
    }

}
@media all and (min-width: 1600px) { /*Min 1400*/
    .news-hero figure {
        padding-right: 30px;
        aspect-ratio: 12/10;
    }

}