:root {
    --color-grey-light-1: #F8F9FA;
    --color-grey-light-2: #E9ECEF;
    --color-grey-light-3: #DEE2E6;
    --color-grey-light-4: #CED4DA;
    --color-grey-light-5: #ADB5BD;
    --color-grey-dark-1:  #C757D;
    --color-grey-dark-2: #495057;
    --color-grey-dark-3: #343A40;
    --color-grey-dark-4: #212529;

    --color-primary-1: #161925; /* real dark blue */
    --color-primary-2: #23395B; /* dark blue */
    --color-primary-3: #406E8E; /* lighter blue */
    --color-primary-4: #8EA8C3; /* light blue */

    --navy: #0B213B;
    --green: #161F08;
    --brown: #8E6A43;
    --light-blue: #B4C5D3;
    --grey-blue: #ADB5BD;
    --gold: #F5B637;




    --border-grey: solid 1px var(--color-grey-dark-2);
}

* {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

img {
    display: block;
    max-width: 100%;
}

body {
    box-sizing: border-box;
/*    max-width: 2000px;*/
    padding-top: 0;
    font: 1.6rem "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

html {
    font-size: 62.5%;
    font-weight: 400;
    line-height: 1.6;
    background-color: var(--color-grey-light-1);
    background-size: cover;
    background-repeat: no-repeat;

}


/********************/
/********************/
/********************/
/********************/
/* BLOG */

.blog {
    margin-inline: 6rem;
    margin-top: 20rem;
}

.blog__header {
/*    margin: 6rem;*/
}

.blog__header-published {
    display: inline-block;
    margin-block: 2rem;
    color: #B9B9B9;
}

.blog__header-img {
    max-height: 615px;
    width: 100%;
}

.blog__header-img iframe {
    max-height: 615px;
    width: 100%;
    aspect-ratio: 1307/612;
}

.blog__title {
    font-size: 3.6rem;
    margin-block: 2rem;
}

.blog__body {

}

.blog__body-p {
    margin-bottom: 2rem;
    line-height: 2.4rem;
}

.blog__body-h2 {

}

.blog__body-h3 {
    font-size: 2rem;
    font-weight: 500;
}


/********************/
/********************/
/********************/
/********************/
/* RELATED ARTICLES */

.related-articles {
    margin: 6rem;
}

.related-articles__subtitle {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1.6rem;
}

.related-articles__articles {
    display: flex;
    justify-content: space-between;
}

.related-articles__article {
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    text-decoration: none;
}

.related-articles__article:nth-child(2) {
    margin-inline: 1.6rem;
}

.related-articles__article-image {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
}

.related-articles__article-title {
    font-size: 2rem;
    font-weight: 500;
    width: 95%;
    margin-inline: auto;
    margin-top: 1rem;
    color: black;
}

.related-articles__article-read-more {
    margin-inline: auto;
    margin-top: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    text-decoration: none;
    width: 95%;
}

.related-articles__article-read-more span {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--gold);
}

.related-articles__article-read-more__svg {
    height: 1.6rem;
    width: 1.6rem;
    margin-left: 1rem;
}

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

    .related-articles__articles {
        flex-direction: column;
        gap: 2rem;
    }

    .related-articles__article {
        width: 100%;
    }

    .related-articles__article:nth-child(2) {
        margin-inline: 0;
    }

}

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

    .related-articles {
        margin: 2rem;
    }

    .blog {
        margin-inline: 2rem;
    }
}