@media only screen and (orientation: landscape) and (min-width: 1250px) {

.post {
    max-width: 900px !important;
}

}

.post {

max-width: 100%;

}

.post-title h1 {

margin: 0;

}

.post-description {

margin-bottom: 0.5em;

}

.post-date {

color: $secondary-highlight;
font-weight: bold;
font-size: 0.9rem;

}

.post-image {

max-width: 100%;
max-height: 600px;
border-radius: 5px;
margin-top: 1em;

}

.post-tags {

font-weight: bold;
font-size: 0.9rem;
color: $tertiary-highlight;

}

.post-content {

margin-bottom: 2em;

}

.clickable-image {

max-width: 100%;
max-height: 600px;
text-align: center;

}

.clickable-image a {

max-width: 80%;
display: inline-block;

}

.post-content img {

max-width: 100%;
max-height: 600px;
border-radius: 5px;

}