/*MOBILE AND GLOBAL*/

h1 {
    margin: 50px auto;
}

h2 {
    font-size: 1.8em;
    text-align: center;
}

header {
    background-image:url(images/drinks2.jpg);
}

#flex {
    padding-top: 60px;
    outline: none;
}

span {
     color: #5DBF4D;
}

main div>ul {
    width:90%;
    margin: 0 auto;
    list-style: none;
}

main div {
    margin-bottom: 50px;
}

#kteazers li:first-child {
   font-style: italic;
    color: #5DBF4D;
    text-align: center;
}    

/*DESKTOP*/
@media screen and (min-width:768px){
    
    h2 {
        margin: 0 auto;
        width:100%;
    }
    
    #flex {
        display: flex;
        width: 90%;
        margin: 0 auto;
    }

    #column {
        width: 40%;
    }

    #column:first-of-type {
        margin-right: auto;
    }

    #column:last-of-type {
        margin-left: auto;
    }
}