.page h1.page-heading {
    display:none;
}
.recipe {
    padding-left: 16%;
    padding-right: 16%;
}
h1 {
    font-size: 40px;
    color: #9E5E2B;
    margin-top: 0;
}
h2 {
    font-size:27px;
    color:#3f2021;
    margin-top: 0;
    margin-bottom: 3%;
}
img.align-left {
    float:left;
    margin-right: 1em;
    /*margin-bottom: 0.75em;*/
}
.recipe .columns .column .ingredients {
    margin-bottom: 24px;
}
.recipe .columns .column .ingredients-title {
    font-size:24px;
    color:#9E5E2B;
    margin-top: 3%;
    margin-bottom: 1%;
}
.recipe .columns .column .ingredients ul {
    list-style:none;
    margin:0;
    padding:0;
}
.recipe .columns .column .ingredients ul li {
    font-size:18px;
    color: #3f2021;
    line-height:28px;
}
.recipe .instructions p {
    font-size:20px;
    text-align: left;
}
@media screen and (max-width:1024px) {
    h2 {
        font-size: 27px;
    }
}
@media screen and (max-width:960px) {
    h1 {
        text-align: center;
    }
    h2 {
        text-align: center;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 3%;
    }
    .recipe .columns .column .ingredients {
        margin-left: 16%;
        margin-right: 16%;
    }
    .recipe .instructions p {
        text-align: center;
    }
    .recipe .columns .column {
        float:none; 
        width:100%; 
        clear:both; 
        margin-bottom: 2em; 
        overflow:hidden; 
    }           
    .recipe .columns .column img {
        width:100% !important;
        height:auto !important; 
        float:none; 
        padding-right: 15%;
        padding-left: 15%;
        margin: 0;
    }                             
    .recipe .columns .column:nth-child(even) img {
        float:left; 
        margin-right: 0;
        margin-bottom: 3%;
    }      
    .recipe .columns .column:nth-child(2) {
        margin-left: 0; 
        margin-right: 0;
    }                             
    .recipe .columns .column:last-child {
        border-bottom:none;
    }    
}
@media screen and (max-width:820px) {
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 23px;
    }
}
@media screen and (max-width:720px) {
    .recipe {
        padding-left: 10%;
        padding-right: 10%;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 20px;
    }
    .recipe .columns .column .ingredients {
        text-align: left;
    }
    .recipe .columns .column .ingredients-title {
        font-size: 23px;
    }
    .recipe .columns .column .ingredients ul li {
        font-size: 16px;
    }
    .recipe .instructions p {
        font-size: 18px;
    }
}
@media screen and (max-width:630px) {
    .recipe .columns .column {
        margin-bottom: 1%;
    }
    .recipe .instructions p {
        font-size: 16px;
    }
}
@media screen and (max-width:550px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 18px;
    }
    .recipe .columns .column .ingredients-title {
        font-size: 20px;
    }
    .recipe .columns .column .ingredients ul li {
        font-size: 14px;
    }
    .recipe .instructions p {
        font-size: 14px;
    }
}