header{
    width: 100%;
    height: 500px;
    background-image: url("images/apple-pie.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

header>h1{
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 500px;
    font-size: 80px;
}

main{
    margin: 50px;
}

main>div{
    width: 500px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #333;
}

section {
    width: 500px;
    margin: 0 auto;
    text-align: left;
}

section:not(:last-child){
    border-bottom: 1px solid #333;

}

section>h3 {
    margin: 20px 0;
    font-size: 20px;
}

main>section>.image-container{
    text-align: center;
}

div>img,
main>section>.image-container>img{
    width: 300px;
    margin: 20px 0;
}

ul {
    margin-left: 10px;
}

.ingredientes>ul>li::before {
    content: " - ";
}

.directions {
    counter-reset: directions;                       
}

li::before {
  counter-increment: directions;                  
  content: counter(directions) ") ";
}