body {
    font-family: 'Raleway';
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    color: cornflowerblue;
    font-family: 'Merriweather';
}

#recipes {
    display: grid;
    grid-template-columns: 440px;
}

@media (min-width: 920px) {
    #recipes {
        grid-template-columns: repeat(2, 440px);
    }
}

@media (min-width: 1380px) {
    #recipes {
        grid-template-columns: repeat(3, 440px);
    }
}

@media (min-width: 1840px) {
    #recipes {
        grid-template-columns: repeat(4, 440px);
    }
}