* {
    box-sizing: border-box;
}

body {
    justify-content: center;
    background: #1c0142;

    text-align: center;
    color: #fff;
    font: 12pt "Zen Kaku Gothic Antique", "Arial Narrow", sans-serif;
}

a {
    color: #00ebbe;

    transition: .5s ease;
}

a:hover {
    color: #68b8d2;

    transition: .5s ease;
}

img, img a {
    max-width: 100%;
    height: auto;

    border: 0px;
}

.meat::after {
    clear: both;
    display: table;
    justify-content: center;

    text-align: center;
}

table {
    justify-content: center;

    margin: 5px auto;
    border: 0px;
    padding: 0px;
}

.salt {
   text-align: left;
}

.pepper {
   vertical-align: bottom;

   text-align: right;
}

.paprika {
    vertical-align: top;

    text-align: right;
}

.zaatar {
    vertical-align: top;

    margin-top: 0px;
    padding-top: 0px;

    text-align: left;
}

.potatoes {
    display: block;

    margin: 0px auto;
    border: 7px solid #00ebbe;
    border-radius: 25px;
    padding: 0px 5px 5px;
}

.sauce {
    justify-content: right;
    width: 100%;

    margin: -2px 0px 15px;
    border-top: 4px solid #00ebbe !important;
    padding: -2px 0px 0px;

    text-align: right;
}

.salad, .broccoli {
    justify-content: center;

    margin: 0px 0px 0px;

    text-align: left !important;
}

.broccoli p {
    margin-top: 0px;
}

.broccoli p.crown {
    margin: 15px 0px;

    text-align: center;
}

.broccoli b {
    color: #00ebbe;
}

.broccoli i {
    color: #ccc;
    font-size: 10pt;
}

.broccoli span {
    margin: 0px auto;
}

table.floret {
    width: 100% !important;

    margin-bottom: 0px;
}

.floret tr {
    margin: 0px auto;
    padding: 0px auto;
}

.broccoli td {
    vertical-align: top;
}

table.sprouts {
    width: 100%;

    margin: 15px auto;
    border: 3px solid #554fa3;
    border-radius: 25px !important;
    padding: 15px;
}

ul {
    margin: 0px auto;
}

ul.heads {
    vertical-align: middle;
    background: #554fa3;

    padding: 3px;

    color: #00ebbe;
    font-size: 14pt;
    font-weight: bolder;
    text-align: left;

    list-style-image: url('/img/bullet.svg');
    list-style-position: inside;
}

ul.stems {
    margin-bottom: 15px;

    color: #fff;
    font-size: 12pt;
    text-align: left;
    text-decoration: none;

    list-style-type: circle;
}

.carrots {
    display: block;
}

.carrots img {
    opacity: 0.7;
    transition: .5s ease;

    border-radius: 25px;
}

.carrots img:hover {
    opacity: 1;
    transition: .5s ease;

    border-radius: 25px;
}

#garnish, .parsley {
    display: block;

    margin: 25px auto 0;
    border: 0px;

    text-align: center;
    color: #fff;
    font-size: 9pt;
}

.parsley b {
    color: #68b8d2;
}

.chives a {
    color: #00ebbe;
}

.chives a:hover, a:visited {
    color: #68b8d2;
}

[class*="col-"] {
    /* mobile */
    width: 100%;
}
  
@media only screen and (min-width: 600px) {
    /* tablets */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}

    .potatoes {max-width: 100%;}
    table, tr {min-width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* desktops */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

    .potatoes {max-width: 70%;}
    .salad, .broccoli {margin: 0px 30px 30px !important;}
    table, tr {min-width: 70%;}
}

.statcounter {
    overflow: hidden;
}