h1 {
    font-family: "Play", Verdana;
    font-display: swap;
    margin-left: 10%;
    font-size: 47px;
    margin-right: 10%;
    font-weight: normal;
}

h2 {
    font-family: "Commissioner", Verdana;
    margin-left: 10%;
    font-size: 31px;
    margin-right: 10%;
    font-weight: normal;
}
h3 {
    font-family: "Commissioner", Verdana;
    font-size: 21px;
    font-weight: normal;
}
.news_main_pic {
    margin: 10px 10%;
    width: 80%;
    /*height: 900px;*/
}
picture {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

picture > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.news_text {
    margin : 50px 10%;
    font-size: 15px;
}

.news_pic_container {
    /*height: 700px;*/
    width: 80%;
    margin: 10px 10%;
}

.news_hash_tags {
    color: #AAAAAA;
    font-size: 15px;
    margin: 0px;
}

.description {
    font-size: 15px;
    color: #AAAAAA;
    font-style: italic;
    margin-bottom: 5px;
    margin-top: 5px;
}

.news_text>A {
    color: #6BB834;
    font-weight: normal;
}

.news_text>p>A {
    color: #6BB834;
    font-weight: normal;
}

.news_text>A:hover {
    color: #A0D978;
    text-decoration: underline;
}

.news_text>p>A:hover {
    color: #A0D978;
    text-decoration: underline;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 900px) {
    .news_main_pic {
        margin: 10px 0px;
        width: 100%;
        /*height: 700px;*/
    }
    h1, h2 {
        margin: 50px 3%;
    }
    .news_text {
        margin: 50px 3%;
    }
    .news_pic_container {
        /*height: 600px;*/
        width: 100%;
        margin: 10px 0px;
    }
    .description {
        padding: 4px;
    }
}

@media screen and (max-width: 520px) {
    h1 {
        font-size: 35px;
        margin-right: 1%;
        margin-left: 1%;
    }

    h2 {
        font-size: 24px;
        margin-right: 1%;
        margin-left: 1%;
    }

    h3 {
        font-size: 17px;
        font-weight: bold;
    }

    .general_font {
        font-size: 13px;
    }

    .news_text {
        margin: 50px 1%;
    }

    .news_main_pic {
        /*height: 500px;*/
    }

    .news_pic_container {
        /*height: 500px;*/
    }
}