.footer {
  background: #FFFFFF;
 text-align: center;
width: 600px;
max-width: 100%;
margin: 0 auto;

}
.footer a {
  color: #500778;
  font-size: 30px;
  padding: 30px;
  transition: all .5s ease;
line-height: 100px;       /* the same as your div height */

}
.footer a:first-child {
  padding-left: 10px
}
.footer a:last-child {
  padding-right: 10px
}
.footer a:hover {
  color: #ee7623;
}

.custom-control-input:checked~.custom-control-indicator {
  background-color: #500778!important;
}

.custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: #500778 !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #500778 !important;
    box-shadow: #500778 !important;
}

/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {  
    .retext {font-size: 12px;}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 545px) {  
    .retext {font-size: 16px;}
  }

/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {  
    .retextmd {font-size: 16px;}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 545px) {  
    .retextmd {font-size: 20px;}
  }

/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {  
    .retextlg {font-size: 20px;}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 545px) {  
    .retextlg {font-size: 24px;}
  }

/* Small devices (landscape phones, 544px and up) */
@media (max-width: 544px) {  
    .mobilehide {display:none;}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 545px) {  
    .mobilehide {font-size: 16px;}
  }
.reveal-if-active { opacity: 0; max-height: 0px; overflow: hidden; font-size: 16px; transform: scale(0.8); transition: 0.5s; }
.reveal-if-active label { display: block; margin: 0px 0px 3px; }
.reveal-if-active input[type="text"] { width: 100%; }
input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active { opacity: 1; transform: scale(1); overflow: visible; }