<style>
        /*
        http://meyerweb.com/eric/tools/css/reset/
        v2.0 | 20110126
        License: none (public domain)
        */
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section {
            display: block;
        }
        body {
            line-height: 1;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }


body{
   font-family: "Special Elite", serif;
  font-weight: 400;
  letter-spacing: 0.4px; 
  font-style: normal;
  font-size: 17px;
}
h1{
   font-size: 57px;
   padding-left: 15px;
   padding-right: 15px;
}

.main-paragraph{
   font-size: 20px;
   text-align: center;
   padding-left: 15px;
   padding-right: 15px;
   line-height: 1.5;
}
a, a:hover{
   color: #7c7c7c;
   text-decoration: none;
}
.menu{
   display: flex;
   flex-direction: row;
}
.menu .link-container{
   display: flex;flex-direction: row-reverse;
}
.menu a{
   padding: 30px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.btn, .btn:hover{
   border-radius: 100px;
   background-color: #75402E;
   font-size: 25px;
   color: white;
   padding: 10px 50px 6px 50px;
   border: none;
}
.btn:hover{
   opacity: 0.85;
}
input, select{
   display: block;
   border: 2px solid silver;
   color: black;
   padding: 10px;
   width: 100%;
}
.quantity{
   border-radius: 100px;
   border: 2px solid silver;
   font-size: 25px;
   color: black;
   width: 53.5px;
   text-align: center;
   height: 53.5px;
   padding-top: 15px !important;
   margin-right: 15px;
   transform: translateY(2px);
}
.section-product .h1{
   font-size: 48px;
}
.section-product .h1, .section-product .subheadline{
   color: #75402E;
}
.section-product .subheadline{
   font-size: 24px;
}
.section-product p{
   color: #7c7c7c;
   font-size: 18px;
   line-height: 1.55;
}
.footer{
   color: #7c7c7c;
   font-size: 18px;
   line-height: 1.55;
}
.section-product .product-card{
   padding-top: 100px;
   padding-left: 65px;
   padding-right: 65px;
   line-height: 1.3;
   background-color: rgba(255,216,139,0.15);
}
@media(min-width:990px){
   .stick {
      position:fixed;
      top:0;
      padding-right: 55px;
      margin:60px 0 0;
      height: 92vh;
      overflow-y: scroll;
   }
}
@media(min-width:1680px){
   .section-product .subheadline-main{
      width: 80%;
      padding-right: 20%;
   }
   .section-product p{
      color: #7c7c7c;
      font-size: 19px;
      line-height: 1.55;
      width: 80%;
   }
}


@media(max-width:989px){
   .logo{
      width: 180px;
      margin-bottom: -45px !important;
   }
   h1,.section-product .h1{
      font-size: 40px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
   }
   .section-product .product-card{
      padding-top: 80px;
      padding-left: 30px;
      padding-right: 30px;

   }
   .link-container{
      display: none !important;
   }
}