@import url("main.css");

/*
    titles-images.css

    Description: Styles for titles images in all html files
*/

.title__image {
    display: inline-block;
    width: 100%;
    height: 150px;
    object-fit: contain;
    font-size: var(--h1-title-font-size);
    font-weight: 700;
    color: var(--color-primary);
    text-align: center;
    word-wrap: break-word;
}

@media (max-width: 540px) {
    .title__image {
        height: 100px;
    }
}

@media (max-width: 360px) {
    .title__image {
        height: 75px;
    }
}