* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8em;
    background-color: white;
    color: black;
}
a:link {color: #008080}
a:visited {color: #008080}
a:hover {color: #008000}

h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

.column {
    float: left;
    width: 32%;
    padding: 0.4em;
}

@media (min-width: 400px) {
    h1 { font-size: 2.0em; }
    h2 { font-size: 1.7em; }
    h3 { font-size: 1.4em; }
}
@media (min-width: 800px) {
    h1 { font-size: 2.5em; }
    h2 { font-size: 2.1em; }
    h3 { font-size: 1.7em; }
}

@media screen and (max-width: 580px) {
    .column {width: 100%;}
}

header, section, article, aside, footer, nav {
    display: block;
}
section, footer {
    clear: both;
}

header {
}

nav {
    float: right;
    margin-right:8px;
}
nav ul {
    display: inline-block;
    list-style: none;
}

#free-shipping {
    display: none;
}

article p {
    margin-right: 2em;
    margin-bottom: 2em;
    margin-left: 1em;
    font-size: 1.7em;
}

.order-button {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    border: 2px solid red;
    border-radius: 8px;
    background-color: rgba(240, 240, 240, 0.8);
}
.order-info {
    padding: 0.2em;
    font-size: 1em;
    font-weight: bold;
}
.order-button a:link {
    color: red;
    text-decoration: none;
}
#Order img {
    vertical-align: bottom;
}
.free {
    font-weight: bold;
    font-size: 1.25rem;
}
.coupon {
    padding: 0 0.2em;
    background-color: rgba(240, 240, 40, 0.9);
    background: linear-gradient( rgba(240, 240, 40, 0), rgba(240, 240, 40, 0.9));
}
.coupon span {
    font-weight: bold;
}

#Cover2 {
    margin: 2em;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column hr {margin-right: 2em;}
div#MYM {margin-bottom: 2em;}

#Contact2 {
    min-width: 236px;
}

.cards ul {
    list-style: none;
    margin: 2em;
    padding: 0.5em; 
    border: 2px solid orange;
    border-radius: 8px;
}
.cards ul:first-child {
    margin-top:0;
}
.cards ul li:first-child {
    font-weight: bold;
    font-stretch: expanded;
    line-height: 2em;
    border-bottom: 1px solid orange;
    margin-bottom: 8px;
}
.cards ul.blog a {
    font-size: 1.5em;
    margin-left: 0.25em;
}
.cards .about {
    margin: 2em;
    font-stretch: expanded;
    line-height: 1.5em;
}
.fb-like {
    margin: 2em;
}
#dont {
    display: none;
}
#email {
    word-wrap: break-word;
}
#Layout img {
    width: 100%;
}
.right {
    text-align: right;
}