*{ margin: 0; padding: 0; }
    img{ vertical-align: middle; }
    .active{ background-color: #f77a49; }
    body {
        margin: 0px auto 0px;
        padding: 0px;
        background: url(images/bgg.jpg);
        background-repeat: repeat;
        background-color: #C6C6C6;
        background-position: top center;
        background-attachment: scroll;
        font-family: Verdana, Geneva, sans-serif;
    }
    .logotop img{ width: 100%; }
    .wrapper{ max-width: 820px; margin: 0 auto; background: #fff; padding: 10px; }
    nav{ width: 100%; background: #eb6027; }
    nav ul{  }
    nav ul li{ list-style-type: none; display: inline-block; padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 16px; }
    nav ul a li:hover{ background: #f77a49; }
    .content .itembx{ display: grid; margin: 20px auto; text-align: center; grid-template-columns: 33% 33% 33%; padding: 20px; background: #ebebeb; row-gap: 20px; }
    .content p.price{ color: #eb6027; font-weight: bold; }
    .content{ padding: 20px 10px;line-height: 1.6; }
    .content p{ }
    .content p span{ font-weight: bold; color: #eb6027; }
    .content ul li{ list-style-type: disc; margin-left: 25px; }
    .content ul li span{ font-weight: bold;  }
    h1{ color: #eb6027; margin-bottom: 10px; }
    #about p span{ color: #000; }
    #about .wrapper{ height: 97vh; position: relative; }
    #about footer{ position: absolute; bottom: 15px; left: 1.5%; width: 97%; }
    #loc p{ margin: 20px 0; }
    footer{ text-align: center; padding: 15px 0; background: #eb6027; color: #fff; line-height: 1.4; font-size: 14px; }

    @media (max-width: 767px) {
        img{ width: 100%; }
        .content .itembx{ grid-template-columns: 47% 47%; justify-content: space-between; }
    }
    
    @media (max-width: 410px) {
        nav ul li{ padding: 10px 15px; font-size: 14px; }
    }