@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Montserrat:400,500,600|Raleway:300,700');


body {
  font-family: 'Montserrat', sans-serif;
  background-color: #ffffff;
  color: #000000;
  font-size: 15px;
  line-height: 1.7rem;
}

.grecaptcha-badge { display: none;}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
}

a {
  color: inherit;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease; 
}

a:hover {
  color: #e20017;
}

strong {
  font-weight: 700;
}


/* CUSTOM CLASSES */
.top-margin {
  margin-top: 80px;
}
.main_add_info {
  font-size: 0.9rem;
}
.card.horizontal .top-margin {
  margin-top: 45px;
}
.card-panel, .card {
  -webkit-box-shadow: none;
  box-shadow: none
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: #e20017;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
  color: #a00010;
}

.no-margin {
  margin: 0;
}

.fuerstlich_list li:before {
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #e20017; /* Or a color you prefer */
}

.custom-link {
  color: #e20017;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 500;
}

.custom-heading {
  color: #e20017;
  text-transform: uppercase;
  font-family: 'Amatic SC', cursive;
  font-size: 3rem;
}

.darker-tone {
  background-color: #000103;
  color: #ffffff;
}

.red-text {
  color: #e20017 !important;
}

.red {
  background-color: #e20017 !important;
}

.btn.red:hover {
  background-color: #a00010 !important;
  color: #ffffff;
}


.gold-text {
  color: #e20017;
}

.gold {
  background-color: #e20017;
}

.btn.gold:hover {
  background-color: #eb9718;
  color: #ffffff;
}


/* NAVIGATION */
.screenorientation {
  position: fixed;
  top: 0;
  left:0;
  height: 100vh !important;
  width: 100vw !important;
  display: none;
  background: rgba(255,255,255,0.9);
  z-index: 999999;
  text-align: center;
}

.screenorientation img {
  width: auto;
  height: 50vh;
}

.screenorientation h4 {
  text-align: center;
  color: #ffffff;
  font-size: 2rem;
}

nav {
  background-color: #ffffff;
  height: 150px;
  z-index: 999;
}

.sidenav {
  background-color: #ffffff;
  border-right: 1px solid #cccccc;
}

.sidenav li > a {
  color: #e20017;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  padding: 0 32px;
  border-bottom: 1px solid #cccccc;

  background-color: #ffffff;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease; 
}

.sidenav li > a:hover {
  background-color: rgba(155,155,155,0.3);
  color: #a00010;
}

nav ul, nav li{
  height: 100%;
}

nav ul a {
  color: #e20017;
  height: 100%;
  line-height: 150px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease; 
}

nav .custom-heading {
  margin-top: 30px;
}

nav ul a:hover{
  color: #a00010;
  background-color: rgba(155,155,155,0.3);
}

nav .brand-logo img {
  max-height: 130px;
  margin-top: 10px;
}

.sidenav-trigger {
  color: #e20017;
}

.sidenav-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 500;
}

.mode-close-btn {
  position: absolute;
  width: 100%;
  text-align: right;
  top: 10px;
  right: 10px;
}


/* SLIDER */
.slides-navigation {
  position: relative;
  top: -300px;
  height: auto;
  width: 100%;
  font-size: 2.5rem;
  z-index: 99;
}

.slides-navigation .prev, .slides-navigation .next {
  color: #ffffff;
}

.slides-navigation .prev:hover, .slides-navigation .next:hover {
  color: #e20017;
}

.slides-navigation .prev {
  padding-left: 0.5rem;
  text-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
}
.slides-navigation .next {
  float: right;
  padding-right: 0.5rem;
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
}


.slider .indicators {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0;
  z-index: 99;
}

.indicator-item.active {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

.indicator-item.active {
  background-color: #e20017 !important;
}

.tabs .tab a:hover, .tabs .tab a.active {
  color: #e20017;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: rgba(243, 187, 95, 0.7);
  color: #FFFFFF;
  outline: none;
}
.tabs .indicator {
  background-color: #e20017;
}
.tabs .tab a {
  color: rgba(243, 187, 95, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color .28s ease, background-color .28s ease;
  transition: color .28s ease, background-color .28s ease;
}

/* SNACKS */
.product_title {
  margin: 0;
}
.snack_allergy {
  font-size: 0.8rem;
}

.product-price {
  font-weight: 700;
  text-align: right;
}

.desktop-item input[type=number]:not(.browser-default){
  height: 1.8rem;
  font-size: 14px;
  margin: 0;
  margin-top: 3px;
  padding: 0;
}

.desktop-item .input-field {
  margin-top: 0;
  margin-bottom: 0;
}

.desktop-item .row {
  margin-bottom: 0px;
}

.desktop-item .product-line {
  padding-top: 10px;
  border-bottom: dotted 1px #cecece;
}

.order-btn {
}

.shopping-cart-btn {
  position: fixed;
  top: 50%;
  left: -3px;
  height: auto;
  color: #FFFFFF;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
  
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.shopping-cart-btn:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shopping-cart-btn i {
  line-height: 4rem;
  font-size: 2.5rem;
}

.sidenav.mycart {
  background-color: #ffffff;
  border-right: none;
  width: auto; 
  max-width: 550px;
}


.recipelogo {
  text-align: center;
  margin-top: 2rem;
}

.whitesheet {
  background-color: #FFFFFF;

  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.34), 0 1px 10px 0 rgba(0, 0, 0, 0.32), 0 2px 4px -1px rgba(0, 0, 0, 0.6);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.34), 0 1px 10px 0 rgba(0, 0, 0, 0.32), 0 2px 4px -1px rgba(0, 0, 0, 0.6);

  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.whitesheet:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}



/* SUB SECTIONS */
.greetings-section {
  text-transform: uppercase;
  margin: 2rem auto;
  padding: auto;
  border: #e20017 dotted 1px;
  border-left: none;
  border-right: none;
}
.greetings-section h3 {
  line-height: 3.3vw;
  font-size: 3.3vw;
  font-family: 'Amatic SC', cursive;
}

.allergie-section h6 {
  color: #e20017;
  text-transform: uppercase;
  font-weight: 700;
}

/* FORM */
[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
  background-color: #e20017;
}
[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
  border: 2px solid #e20017;
}

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
  margin-right: 25px;
}

[type="checkbox"]:checked + span:not(.lever):before {
  border-right: 2px solid #e20017;
  border-bottom: 2px solid #e20017;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #e20017;
  -webkit-box-shadow: 0 1px 0 0 #e20017;
  box-shadow: 0 1px 0 0 #e20017;
}

.custom_label {
  color: #9E9E9E;
  margin: 25px 15px 0 0;
  display: inline-block;
}


.dropdown-content li > a, .dropdown-content li > span {
  color: #e20017;
}


input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #e20017;
  -webkit-box-shadow: 0 1px 0 0 #e20017;
          box-shadow: 0 1px 0 0 #e20017;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #e20017;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: rgb(51, 190, 56);
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: rgb(255, 41, 25);
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input[type=text].valid:not(.browser-default),
input[type=text].valid:not(.browser-default):focus,
input[type=password].valid:not(.browser-default),
input[type=password].valid:not(.browser-default):focus,
input[type=email].valid:not(.browser-default),
input[type=email].valid:not(.browser-default):focus,
input[type=url].valid:not(.browser-default),
input[type=url].valid:not(.browser-default):focus,
input[type=time].valid:not(.browser-default),
input[type=time].valid:not(.browser-default):focus,
input[type=date].valid:not(.browser-default),
input[type=date].valid:not(.browser-default):focus,
input[type=datetime].valid:not(.browser-default),
input[type=datetime].valid:not(.browser-default):focus,
input[type=datetime-local].valid:not(.browser-default),
input[type=datetime-local].valid:not(.browser-default):focus,
input[type=tel].valid:not(.browser-default),
input[type=tel].valid:not(.browser-default):focus,
input[type=number].valid:not(.browser-default),
input[type=number].valid:not(.browser-default):focus,
input[type=search].valid:not(.browser-default),
input[type=search].valid:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  border-bottom: 1px solid rgb(51, 190, 56);
  -webkit-box-shadow: 0 1px 0 0 rgb(51, 190, 56);
          box-shadow: 0 1px 0 0 rgb(51, 190, 56);
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input[type=text].invalid:not(.browser-default),
input[type=text].invalid:not(.browser-default):focus,
input[type=password].invalid:not(.browser-default),
input[type=password].invalid:not(.browser-default):focus,
input[type=email].invalid:not(.browser-default),
input[type=email].invalid:not(.browser-default):focus,
input[type=url].invalid:not(.browser-default),
input[type=url].invalid:not(.browser-default):focus,
input[type=time].invalid:not(.browser-default),
input[type=time].invalid:not(.browser-default):focus,
input[type=date].invalid:not(.browser-default),
input[type=date].invalid:not(.browser-default):focus,
input[type=datetime].invalid:not(.browser-default),
input[type=datetime].invalid:not(.browser-default):focus,
input[type=datetime-local].invalid:not(.browser-default),
input[type=datetime-local].invalid:not(.browser-default):focus,
input[type=tel].invalid:not(.browser-default),
input[type=tel].invalid:not(.browser-default):focus,
input[type=number].invalid:not(.browser-default),
input[type=number].invalid:not(.browser-default):focus,
input[type=search].invalid:not(.browser-default),
input[type=search].invalid:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
  border-bottom: 1px solid rgb(255, 41, 25);
  -webkit-box-shadow: 0 1px 0 0 rgb(255, 41, 25);
          box-shadow: 0 1px 0 0 rgb(255, 41, 25);
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
  content: attr(data-success);
  color: rgb(51, 190, 56);
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
  content: attr(data-error);
  color: rgb(255, 41, 25);
}


/* FOOTER */
footer {
  color: #000000;
  font-size: 15px;
  line-height: 28px;
  text-transform: uppercase;
}

footer.page-footer {
  margin: 0;
  background-color: #ffffff;
  margin-top: 50px;
}

.footer-copyright {
  font-size: 0.8rem;
}





/* ADMIN */

.optional { font-size: 0.9rem; color: #A7A7A7; }




/* MOBILE */
@media only screen and (max-width : 992px) {

  nav {
    height: 70px;
  }
  nav .brand-logo img {
    max-height: 60px;
    margin-top: 5px;
  }
  .mobile-menu-header {
    height: 70px;
    background-color: #FFFFFF;
    padding-left: 22px;
  }

  .mobile-menu-header .custom-heading {
    color: #e20017;
    text-transform: uppercase;
    font-family: 'Amatic SC', cursive;
    font-size: 2rem;
    line-height: 70px;
    margin: 0;
    padding-left: 10px;
  }

.footer-copyright .left, .footer-copyright .right {
  width: 100%;
  text-align: center;
}




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

  #index-banner .section {
    top: 10%;
  }

  h1 {
    font-size: 3rem;
  }

  .greetings-section {
  }
  .greetings-section h3 {
    line-height: 8vw;
    font-size: 7.5vw;
  }



  /* SNACKS */
  .product-price {
    font-size: 1.5rem;
    text-align: right;
  }
  .order-btn {
    width: auto;
    height: auto;
    border-radius: 0%;
    margin: 0;
  }
  .mobile-item input[type=number]:not(.browser-default){
    height: 1.8rem;
    font-size: 14px;
    margin: 0;
    margin-top: 3px;
    padding: 0;
    padding-left: 25px;
  }


  .mobile-item .input-field {
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-price .row {
    margin-bottom: 0px;
  }


  .shopping-cart-btn {
    z-index: 999;
    position: absolute;
    top: 12px;
    left: 87%;
    width: 45px;
    height: 45px;
  }
  .shopping-cart-btn i {
    line-height: 45px;
    font-size: 25px;
    margin-left: -8px;
  }


}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}