* {
    border: 0;
    padding: 0;
    margin: 0;
}

.clearfix::after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

#header {
    background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
    color: white;
    opacity:0.95;
    margin:0;
    padding:0;
    border:0
}

#logo h1 {
    font-family: 'Impact';
    font-size: 2.8em;
    padding: 0.5em;
}

#links ul {
    list-style-type: none;
}

#links li {
    text-align: center;
    font-size: 1em;
}

#links a {
    color: white;
    text-decoration-line: none;
    display: block;
}

#links a :visited { 
    color: white; 
}

#body {
    font-family: 'arial', sans-serif;
    color: #57585A;
}

#title {
    text-align: center;
    margin: 1em;
}

#body{
    margin: 1em;
}

#product_image img {
    width:100%;
}

#body p {
    margin-top: 2em;
}

#body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#body li {
    margin: 5px;
}

#size_hint h4 {
    text-align: center;
    margin-top: 2em;
}

#size_hint img {
    display: block;
    margin: 2em auto;
}

@media only screen and (max-width: 480px) {
    .no_mobile {
        display: none;
    }
}

[class*="col-"] {
    width: 100%;
    float: left;
}

@media only screen and (min-width: 481px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    #links ul {padding-top: 2.2em;}
    .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%;}
}