.widget_heading {
  border: 2px solid black;
  border-radius: 11px;
  background-color: black;
  opacity: 0.8;
  margin: 14px 30% 14px 30%;
  padding-top: 7px;
  padding-bottom: 7px;

  #widget_title {
    text-align: center;
    color: bisque;
    text-shadow: 0px 5px 4px #448;
  }
  
  #widget_instructions {
    text-align: center;
    color: bisque;
    text-shadow: 0px 3px 4px #448;
  }
}

#widget_instructions br {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1900px) {
  #widget_title {
    font-size: 35px;
  }

  #widget_instructions {
    font-size: 22px;
  }
}

.welcome {
  border: 2px solid black;
  border-radius: 11px;
  background-color: black;
  opacity: 0.8;
  margin: 10px 30% 11px 30%;
  margin-top: 1px;
  margin-bottom: 30px;
  
  #welcome_title {
    font-size: 52px;
    text-align: center;
    color: bisque;
    text-shadow: 0px 5px 4px #448;
    margin-top: -4px;
  }
  
  #welcome_instructions {
    text-align: center;
    color: bisque;
    text-shadow: 0px 3px 4px #448;
  }
}

#access_card_delivery_zone {
  .delivery_zone {
    text-align: center;

    img {
      width: 240px;
      border-radius: 24px;
    }

    .back img {
      border-radius: 11px;
    }
    
    .title_line {
      text-align: center;
      width: 200px;
      border: 2px solid black;
      border-radius: 11px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      padding: 4px;
      font-family: 'Abel';
      font-size: 19px;
      color: bisque;
      background-color: black;
      opacity: 0.8;
      margin-top: -8px;
      margin-left: auto;
      margin-right: auto;
    }
    
    a.nodeco {
      text-decoration: none;
    }
  }
}

#zodiac, #right_now_zodiac {
  color: bisque;
  border: 2px solid black;
  border-radius: 22px;
  width: 200px;
  height: 340px;
  background-color: black;
  opacity: 0.8;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  
  .zodiac_selection {
    display: block;
    margin-top: 17px;
    text-decoration: none;
    background-color: bisque;
    padding: 18px;
    border: 2px solid bisque;
    border-radius: 11px;
    color: #0D1452;
    
    img.sign_icon {
      width: 35px;
      border-radius: 0px;
      float: left;
    }
  }
  
  .zodiac_selection:first-of-type {
    img {
      float: right;
    }
  }
}

div#right_now_zodiac {
  a.zodiac_selection {
    padding: 10px;
    
    img.card_icon {
      width: 35px;
      margin-top: -5px;
      opacity: 1;
    }
  }
}

.birth_card_lookup_header {
  border: 2px solid black;
  border-radius: 11px;
  background-color: black;
  opacity: 0.8;
  
  #birth_card_lookup_title {
    text-align: center;
    color: bisque;
    text-shadow: 0px 5px 4px #448;
  }
  
  #birth_card_lookup_instructions {
    text-align: center;
    color: bisque;
    text-shadow: 0px 3px 4px #448;
  }
}

#birth_card_lookup_instructions br {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1900px) {
  .birth_card_lookup_header {
    margin: 14px 24% 14px 24%;

    #birth_card_lookup_title {
      font-size: 35px;
    }
    
    #birth_card_lookup_instructions {
      font-size: 22px;
    }
  }
}