#scfoot {
  background-color: #0065B8;
  color: #FFEEA3;
  font-size: 16px;
  padding: 10px;
}

#scflinks {
  text-align: center;
  padding: 5px;
  margin: 15px;
  line-height: 1.5em;
}

#scflinks a {
  margin: 20px;
  text-decoration: none;
  color: #FFEEA3;
  font-weight: bold;
}

#scflinks a:hover {
  color: rgb(225, 225, 225);
}

#scfcopy {
  text-align: center;
  line-height: 2em;
}

#scfcopy a {
  color: rgb(225, 225, 225);
  text-decoration: none;
  border-radius: 3px;
  background-color: #B21F1F;
  padding: 0px 10px;
  display: inline-block;
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  #scfoot {
  font-size: 14px;
  padding: 7px;
  }
}

@media screen and (max-width: 600px) {
  #scfoot {
  font-size: 14px;
  padding: 5px;
  }
}


/*
Back to top Back to top Back to top
Back to top Back to top Back to top
Back to top Back to top Back to top
Back to top Back to top Back to top
*/



#bttbutton {
  display: none;
  position: fixed;
  bottom: 20px;
  margin-left: min(100vw - 150px, 50% + 620px);
  z-index: 999999;
  border: none;
  outline: none;
  background-color: #B21F1F;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 40px;
  font-size: 16px;
}

#bttbutton:hover {
  color: #FFEEA3;
}


@media screen and (max-width: 960px) {
  #bttbutton {
    font-size: 14px;
    padding: 9px;
    border-radius: 30px;
    margin-left: calc(100vw - 100px);
  }
}

@media screen and (max-width: 600px) {
  #bttbutton {
    font-size: 12px;
    padding: 8px;
    border-radius: 25px;
    margin-left: calc(100vw - 70px);
  }
}


/*
Feeder pop up Feeder pop up Feeder pop up
Feeder pop up Feeder pop up Feeder pop up
Feeder pop up Feeder pop up Feeder pop up
Feeder pop up Feeder pop up Feeder pop up
*/

#feedback-form{
  text-align: center;
}

.feedback-popup {
  display: none;
  position: fixed;
  padding: 10px;
  width:  min(calc(100% - 30px), 670px);
  left: max(calc(50% - 335px), 15px);
  height: min(calc(100% - 130px), 1380px);
  top: max(calc(50% - 690px), 65px);
  background: #FFF;
  border: 3px solid #F04A49;
  z-index: 999999;
  padding-bottom: 60px;
}

#feedback-popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #0065B8;
  z-index: -2;
}

#feedback-popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: white;
  z-index: -1;
}

#feedback-close a {
  font-size: 30px;
  margin-left: calc(100% - 50px);
}

#feedback-close a:hover {
  text-decoration: none;
}

#feedback-text {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#feedback-text p {
  font-size: 20px;
  margin: 15px auto;
  color: #0065B8;
}

#feedback-text a {
  font-size: 20px;
  margin: auto;
  color: #B21F1F;
  text-decoration: underline;
}

.feedback-button {
  margin-top: 5px;
  background-color: #0065B8;
  border: 3px solid #B21F1F;
  color: white;
  font-size: 16px;
  padding: 5px;
  border-radius: 10px;
}

.feedback-button:hover {
  background-color: #B21F1F;
  color: white;
  border: 3px solid #B21F1F;
  transition: all 0.3s ease 0s;
}