@media (max-width: 700px) { 
  a.navbar-brand {
      font-size: 150%;   
    } 
  #optOutBox {
      width: 500px;
      margin: 0 auto;
    }
}

:root {
  --main-btn-color: #C821BD;
  --wht-text-color: #fff;
  --blk-color: #000000;
  --opt-out-color: #2346B5;
}
.navbar-brand
{
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 200%;
    margin:0 auto;
}

.wrap {
  height: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*This resize is assuming all images have a width of 500px */
.card-img-top {
  width: 80%;
  height: 117px;
  object-fit: contain;
}

#mainBtn {
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2.5px;
  font-weight: 550;
  background-color: var(--main-btn-color);
  color: var(--wht-text-color);
  border: none;

}
#HomeOptOutBtn{
  font-size: 15px;
  text-transform: uppercase;
  /*text-align: right;*/
  letter-spacing: 2.5px;
  font-weight: 550;
  background-color: var(--opt-out-color);
  color: var(--wht-text-color);
  border: none;
}

#mainBtnHome{
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 450;
  background-color: var(--main-btn-color);
  color: var(--wht-text-color);
  border: none;
}

#optOutBtn{
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2.5px;
  font-weight: 550;
  color:var(--main-btn-color);
  text-decoration: none;
  padding-bottom: 25px;
  border: none;
}

#submitLink{
  font-size: 20px;
  text-transform: uppercase;
  color:var(--main-btn-color);
  text-decoration: none;
  padding-top: 3px;
  padding-left: 5px;
  border: none;
}

#logoutOptOut{
  padding-left: 15px;
}


#headingOptOut.collapsed { 
  font-size: 25px;
  text-align: left;
}
#headingOptOut:not(.collapsed) {
  background: var(--wht-text-color);
  color:var(--blk-color);
  font-size: 25px;
  
}

#textDesc{
  padding: 25px;
  font-size: 35px;
}

#subHeading{
  padding-bottom: 15px;
}
.rowBtns{
  padding-top: 50px;
}


#loginPg {
  border-radius: 1rem;
}

#loginPgPic {
  border-radius: 1rem 0 0 1rem;
  max-width: 60%;
  padding-bottom: 25px;
}

#loginBtn{
  padding-top: 25px;
}

#optOutBox{ 
  padding-left: 25%;
  padding-right: 25%;
}

#loginPgLbl{
  padding-bottom: 10px;
}

#subHeading{
  padding-bottom: 10px;
  font-weight: 300;
}

#err404Txt{
  font-size: 75px;
  font-weight:bold;
}
#err404Img{
  height:55%;
}
#checkSpam{
  text-decoration: underline;
  font-weight: bold;
  color: var(--main-btn-color);
}