.container {
    width: 90%;
    padding-top: 50px;
}
.parent-div :first-child {
    margin-right: 5%;
}
 .parent-div .image-div img {
     width: 30rem;
     height: auto;
     border-radius: 10px;
} 
.parent-div {
    justify-content: center;
    display: flex
}
.container .parent-div :last-child h3{
    font-weight: bold;
    letter-spacing: -1px;
}

.container .parent-div {
    margin-bottom: 2.5rem;
}



@media only screen and (max-width: 1250px) and (min-width: 1025px) {
    .parent-div :first-child {
        margin-right: 10px;
    }
    .parent-div .image-div img {
        width: 25rem
    }
}
@media only screen and (max-width: 1024px) {
    .parent-div :first-child {
        margin-right: 10px;
    }
    .parent-div .image-div img {
        width: 20rem
    }
    .container .news-div h3 {
        font-size: 20px;
        margin: 0; padding: 0
    }
}
@media only screen and (max-width: 750px) {
    .parent-div {
        flex-direction: column
    }
    .parent-div :first-child {
        margin-right: 0;
    }
    .parent-div .image-div {
        text-align: center;
    }
    .parent-div .image-div img {
        width: 100%;
        margin: 0; padding: 0
    }
    .container .news-div h3 {
        font-size: 15px;
        margin: 0; padding: 0
    }
}

/* För mobila enheter */
@media only screen and (max-width: 415px) {
    .container {
        width: 100%;
        padding: 20px;
    }
    .parent-div {
        flex-direction: column;
    }
    .parent-div .image-div {
        text-align: center;
        padding: 0; margin: 0
    }
    .parent-div .image-div img {
        width: 100%;
        padding: 0; margin: 0
    }
    .parent-div :last-child h3 {
        margin-top: 15px;
        text-align: center;
    }
}









/* .container div:nth-of-type(1) :first-child, div:nth-of-type(2) :first-child {
    margin-right: 60px
} */
/* .container div:nth-of-type(1) :last-child h3 , div:nth-of-type(2) :last-child h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 30px;
    font: bold;
    color: red
}
.container div:nth-of-type(1) :last-child p , div:nth-of-type(2) :last-child p {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}
.container :first-child, div:nth-of-type(2) {
    margin-bottom: 20px
} */