.button, #sg-submit-btn {
    border: 0;
    font-weight: 600;
    font-size: 1.1em;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.6);
    transition: box-shadow .15s ease-in-out;
    border-radius: 1em;
}

.button.round {
    border-radius: 2em;
    max-width:0.25em;
}

.button {
    padding: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#sg-submit-btn {
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 1.3em;
}

.button:hover, #sg-submit-btn:hover {
    box-shadow: 0 0 0 2px white;
}

.background-logo {
    background-repeat: no-repeat;
    background-position: center;
}

.twitter {
    background-image: url("../images/twitter_icon_white.svg");
    background-size: 60%;
    min-width:0.25em;
    border-radius: 1.5rem;
}
.facebook {
    background-image: url("../images/facebook_icon_white.svg");
    background-size: 35%;
    min-width:0.25em;
    border-radius: 1.5rem;
}

.content {
    background-position: top center;
}

.signup-bar {
    padding-bottom: 3em;  
}

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

    .aao-buttons {
        padding: 1em;
    }
    
    .aao-logo .aao-buttons .button {
        margin:0;
        margin-bottom:1em;
    }
    
    #signup-email, #sg_email {
        width: 75%;
        box-sizing: border-box;
        margin: 0;
    }
    
    .signup-bar .button {
        width: 75%;
    }

    .signup-bar p {
        font-size: 1.75em;
    }
    
    .sg-consent-text {
        width: 75%;
        margin: auto;
    }

    .sendgrid-subscription-widget {
        display: block;
    }
}

@media only screen and (max-width: 480px) {
    .aao-buttons div {
        margin-bottom: 1em;
    }
    .aao-logo .center-content img {
        width:100%;
    }
    .aao-logo {
        padding-bottom: 18%;
    }
}



.footer-content {
    padding-top: 2em;
    max-width: 1080px;
}

.logos.middle img {
    max-height: 64px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

.sg_check {
  display: block;
  position: relative;
  padding-left: 1.75em;
  padding-top: 0.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sg_check input {
  position: absolute;
  opacity: 0;
  left:0;
  top:0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  cursor: pointer;
  top: 0.0625EM;
  left: 0;
  height: 1em;
  width: 1em;
  background-color: #fff;
  border-width:1px;
  border-style:solid;
  border-color:e03e37;
  border-radius:0.2em;
}



/* When the checkbox is checked, add a red background */
.sg_check input:checked ~ .checkmark {
  background-color: #e03e37;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sg_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sg_check .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);