header {
    background: #5b9633;
}
header .row { padding: 20px 0 0; }
header p a { color: #fff; }
header p a:hover { color: #fff; text-decoration: none; }

#headline {
    margin: 20px 0;
}

#video {
    margin: 20px 0;
}
#video .vid-container {
    border: 12px solid #56852e;
}
#videoborder { 
    border: 12px solid #56852e !important; 
    -webkit-border-radius: 6px 6px 6px 6px !important;
    border-radius: 6px 6px 6px 6px !important;
}
#next-step .next-step {
    color: #fff !important;
    font-weight: bold !important;
    background: #ff9c00 !important;
    border-bottom: 4px solid #8a4802 !important;
    webkit-animation: glowing 1500ms infinite !important;
    -moz-animation: glowing 1500ms infinite !important;
    -o-animation: glowing 1500ms infinite !important;
    animation: glowing 1500ms infinite !important;
    font-size: 35px !important;
}
@-webkit-keyframes glowing {
  0% { background-color: #ff9c00; -webkit-box-shadow: 0 0 3px #c86301; }
  50% { background-color: #ff7f02; -webkit-box-shadow: 0 0 20px #c87601; }
  100% { background-color: #ff6702; -webkit-box-shadow: 0 0 3px #eb8c04; }
}

@-moz-keyframes glowing {
  0% { background-color: #ff9c00; -moz-box-shadow: 0 0 3px #c86301; }
  50% { background-color: #ff7f02; -moz-box-shadow: 0 0 20px #c87601; }
  100% { background-color: #ff6702; -moz-box-shadow: 0 0 3px #eb8c04; }
}

@-o-keyframes glowing {
  0% { background-color: #ff9c00; box-shadow: 0 0 3px #c86301; }
  50% { background-color: #ff7f02; box-shadow: 0 0 20px #c87601; }
  100% { background-color: #ff6702; box-shadow: 0 0 3px #eb8c04; }
}

@keyframes glowing {
  0% { background-color: #ff9c00; box-shadow: 0 0 3px #c86301; }
  50% { background-color: #ff7f02; box-shadow: 0 0 20px #c87601; }
  100% { background-color: #ff9c00; box-shadow: 0 0 3px #eb8c04; }
}

#productoffers .card {
    margin-bottom: 20px !important;
    border-color: #13212a;
}

#productoffers .card .card-header {
    background:  #4b9128 !important;
    color:  #fff !important;
    font-weight:  bold !important;
    font-size: 20px !important;
}
#productoffers .card .card-footer {
    background: #13212a !important;
}

#testimonies { margin: 20px 0; }
#testimonies .media { margin-bottom: 20px }

#additionalinformation .row .col-md-6 {
    margin-bottom: 20px;
}

footer { 
    background: url('https://www.perfectorigins.com/5BadFoods/assets/images/footer-bg.gif'); 
    padding: 20px 0;
}
footer .nav { margin-bottom: 20px; }
footer .nav a { color: #000; }

#myModal .modal-body {
    background: url('https://www.perfectorigins.com/5BadFoods/assets/img/overlay-darkened-1080.jpg') no-repeat top center fixed;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px;
}

#myModal .modal-content {
    border: 12px solid #56852e;

}

#_form_9_submit {
    background: linear-gradient(to bottom,#ff9d15 0,#ff7f15 100%) !important;
    font-weight: bold !important;
    border: none !important;
}

@media only screen and (max-width: 767px) {

  header .row div { text-align: center !important; }

}

@media only screen and (max-width: 575px) {

  header .row .logo img {
    width: 35% !important;
  } 
  header .row .number { display: none !important; }

  footer p { font-size: 12px !important; }
  footer li a { font-size: 12px !important; }
}

@media only screen and (max-width: 500px) {
    #myModal .modal-body h4 {
      font-size: 18px !important;
    }
}

@media only screen and (max-width: 400px) {

  header .row .logo img {
    width: 50% !important;
  } 

}