.archive .page-title {
    font-size: 3em;
}

.archive .content-area {
    margin-bottom:45px;
}
.archive-grid {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(3 , 1fr);
}
@media screen and (max-width:1170px) {
    .archive-grid {
        grid-template-columns: repeat(2 , 1fr);
    }
}
@media screen and (max-width:700px) {
    .archive-grid {
        grid-template-columns: 1fr;
    }
}


.archive-grid article {
    border:1px solid #e3e3e3;
}
.archive-grid .background {
    height:200px; 
}

.archive-grid .teaser {
    padding:20px;
}

.archive .entry-header h2 {
    font-size: 1.65em;
}


.archive .entry .entry-content a {
    display: block;
    margin-top: 15px;
    padding: 15px;
    background: #f0f0f0;
    color:#464646;
    margin-bottom: -10px;
    transition:0.3s all linear;
}

.archive .entry .entry-content a:hover {
    background: #0075cc;
    color:white;
    transition:0.3s all linear;
}