@font-face {
    font-family: "PlayfairDisplay";
    src: url("../../fonts/PlayfairDisplay/PlayfairDisplay.eot");
    src: url("../../fonts/PlayfairDisplay/PlayfairDisplay.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/PlayfairDisplay/PlayfairDisplay.woff") format("woff"),
    url("../../fonts/PlayfairDisplay/PlayfairDisplay.woff2") format('woff2');
    url("../../fonts/PlayfairDisplay/PlayfairDisplay.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}



h1, h2, h4, .links-right a {font-family: 'PlayfairDisplay'; }

h1 {
    font-size: 1.7vw;
}
h2 {
    font-size: 1.3vw;
}

h3 {
    font-size: 1vw;
}


.link, .end-of-article, h3{
    font-family: 'Rubik', sans-serif;
    font-weight:300;
}


body {
    background-color: white;
}

.headerscroll-active, .menu__box {
    background-color: white !important;
}


.logo, .menu__item {
    color: #212529;
}

.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {
    background-color: #212529;
}






.end-of-article p {
    font-size: 1vw;
}


.one-posts-div p, .link {
    font-size: 0.8vw;
}

h2, h3, .end-of-article {
    color: #212529;
}

.posts-div {
    min-height: 500px;
}

.links-right a {
    text-decoration: none;
    margin-bottom: 0.5rem;
}

.links-right a:hover {
    text-decoration: underline;
}

.one-posts-div {
    height: 315px;
    overflow: hidden;
    border: 1px solid #DEE2E6;
}

.one-posts-div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.name, .link {
    color: #0D6EFD;
}

.link {
    text-decoration: none;
}
.link:hover{
    text-decoration: underline;
}
.date{
    color: #6C757D;
}

.img-divs {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.img-divs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.states-contain:first-letter {

    font-size: 200%;
    padding-right: 10px;


    border-bottom: 1px solid;
}




@media (max-width: 575.98px) {


}


@media (max-width: 575.98px) {
    .states-contain img{

    width: 100%!important;
}
    h1 {
    font-size: 2.7vh;
}

        h2 {
        font-size: 2.5vh;
    }

    .one-posts-div p, .link  {
    font-size: 2vh;
}
    .one-posts-div {
        position: relative;
        height: auto;
        max-height: inherit;
    }

    .img-divs {

        height: 25vh;
        /*border-radius: 15px;*/

        overflow: hidden;
    }


    .one-posts-div img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    h3 {
        font-size: 2.2vh;
    }
    .end-of-article p{
        font-size: 1.8vh;
    }


}


@media (min-width: 578px) and (max-width: 991px) {
.one-posts-div {
    height: auto;
}
    .img-divs {
        height: 35vh;
    }
    .link {
        font-size: 18px;
    }
}