*{
    margin: 0;
    box-sizing: border-box;
}
#all{
    width: 100%;
    margin: 0 auto;
    color: #2F342D;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
#head{
    text-align: center;
    padding: 1.25em;
    border-bottom: 2px solid ghostwhite;
    background-color: #A8BBA3;
    font-size: 150%;
}
#side{
    width: 15%;
    height: 1000px;
    float: left;
    background-color: #D9EAFD;
    text-align: center;
    padding-top: 1.25em;
}
#main{
    width: 70%;
    height: 1000px;
    float: left;
    background-color:#C7D3C0;
    font-size: 115%;
    font-style: italic;
    text-align: center;
    padding: 1.1em;
}
#main p{
    padding: 0.5em;
}
#right{
    width: 15%;
    height: 1000px;
    float: right;
    background-color: whitesmoke;
    text-align: center;
    padding-top: 1.25em;
}

#foot{
    width: 100%;
    height: 125px;
    background-color: #E7E8D8;
    padding: 1.5em;
    margin: 0 auto;
    text-align: center;
    clear:both;
}
img {
    width: 65%;
    height: auto;
}
#pricing_border {
    border-bottom: 2px dashed #2F342D;
    padding-bottom: 1.25em;
}
#featured{
    padding-top: 1.25em;
}
#pizza_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    padding: 1.1em;
    gap: 5px;
}
#pizza_grid img{
    border-radius: 10px;
}
#email { font-style: italic }
#phone { font-style: oblique }
h2 { font-size: 125%; }
a:link {
    color: #4A70A9;
    text-decoration: none;
}
a:visited {
    color:#25273b;
    margin-bottom: 5px;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 900px){
    #all{
        width: 100%;
        height: auto;
    }
    #head{
        font-size: 110%;
    }
    #side{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        float: none;
        height: auto;
    }
    #main{
        width: 100%;
        float: none;
        height: auto;
    }
    #main img{
        width: 75%;
        height:auto;
    }
    #right{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        float: none;
        height: auto;
    }
    img{
        width: 15%;
        height: auto;
    }
}