body, html{
    margin:0;
    padding:0;
    user-select: none;
}

img{
    -webkit-user-drag: none;
    user-select: none;
}

br {
    user-select: none;
}

.mamerican-header {
    background-color: #FFFFFF;
    position: fixed;
    top: 0%;
    left: 0%;
    right: 0%;
    height: 10vh;
    z-index: 1;
    border-bottom: solid;
}

.mamerican-headerfill {
    height: 10vh;
}

.mamerican-logo {
    height:8vh;
    width: auto;
    padding:1vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* @media only screen and (max-width: 500px) {
.mamerican-logo {
    height: auto;
    width: 96%;
    padding-top: 1.4vh;
    padding-bottom: 1.4vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
} */

.mamerican-dmcard {
    width:0;
    padding:0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mamerican-socialcard {
    width:0;
    padding:0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a:link {
  text-decoration: none;
}

.mamerican-intro {
    font-family: 'Roboto', serif;
    font-size: 2.5vw;
    font-weight: bold;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.mamerican-intro {
    font-family: 'Roboto', serif;
    font-size: 6.5vw;
    font-weight: bold;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.whitetextheader {
    font-family: 'Roboto', serif;
    font-size: 2.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.whitetextheader {
    font-family: 'Roboto', serif;
    font-size: 6.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.whitetext {
    font-family: 'Roboto', serif;
    font-size: 2vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.whitetext {
    font-family: 'Roboto', serif;
    font-size: 6vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.whitetextsub {
    font-family: 'Roboto', serif;
    font-size: 1.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.whitetextsub {
    font-family: 'Roboto', serif;
    font-size: 5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.whitetextsubsmall {
    font-family: 'Roboto', serif;
    font-size: 1vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.whitetextsubsmall {
    font-family: 'Roboto', serif;
    font-size: 4vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.blacktextheader {
    font-family: 'Roboto', serif;
    font-size: 2.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.blacktextheader {
    font-family: 'Roboto', serif;
    font-size: 6.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.blacktext {
    font-family: 'Roboto', serif;
    font-size: 2vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.blacktext {
    font-family: 'Roboto', serif;
    font-size: 6vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.blacktextsub {
    font-family: 'Roboto', serif;
    font-size: 1.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.blacktextsub {
    font-family: 'Roboto', serif;
    font-size: 5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.blacktextsubsmall {
    font-family: 'Roboto', serif;
    font-size: 1vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.blacktextsubsmall {
    font-family: 'Roboto', serif;
    font-size: 4vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-bottom: 0.5vh;
    line-height: 1em;
}
}

.mamericanblue {
    background-color: #003CFF;
    width: 100%;
}

.mamericanred {
    background-color: #FF0000;
    width: 100%;
}

.center {
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}

.mamerican-social {
    width: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    text-align: center;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}

.mamerican-social-container {
    display: table;
    float: left;
    width: 100%;
    padding-bottom: 2.5vh;
}

.mamerican-socialicons {
    float: left;
    width: 33.3%;
}

.mamerican-socialicon {
    width: 50%;
    max-width: 50%;
    padding: 0.5vh;
    padding-top: 0vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

@media only screen and (max-width: 500px) {
.mamerican-socialicon {
    width: 90%;
    max-width: 90%;
    padding: 0.5vh;
    padding-top: 0vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
}

.us {
    text-align: center;
}

.buttonset {
    text-align: center;
}

.button {
    background-color: #003CFF;
    border-radius: 1vh;
    width:80%;
    border: solid 0.5vh #ffffff;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff ;
    padding: 3.5vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 26px;
    margin: 1vh;
    cursor: pointer;
    user-select: none;
}

.sendmoney {
    border-radius: 1vh;
    display:inline-block; !important
    background-color: #ffffff;
    border: solid 0.5vh #000000;
    color: #ffffff ;
    padding: 1vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0vh;
    cursor: pointer;
}

.socialicon {
    width: 60%;
    height: auto;
    max-width: 60%;
    padding: 0.5vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media only screen and (max-width: 500px) {
.socialicon {
    width: 80%;
    height: auto;
    max-width: 100%;
    padding: 0.5vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
    display: block;
}
}

.redirect {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.redirectmessage {
    font-family: 'Roboto', serif;
    font-size: 2.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: auto;
    padding-right: auto;
    padding-bottom: 0vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.redirectmessage {
    font-family: 'Roboto', serif;
    font-size: 6.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
}
}

.timer {
    font-family: 'Roboto', serif;
    font-size: 2.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: auto;
    padding-right: auto;
    padding-bottom: 0vh;
    background: #003CFF;
    line-height: 1em;
} 

@media only screen and (max-width: 500px) {
.timer {
    font-family: 'Roboto', serif;
    font-size: 6.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: auto;
    padding-right: auto;
    padding-bottom: 0vh;
    background: #003CFF;
    line-height: 1em;
} 
}

input[type=text], select {
    box-sizing: border-box;
}

input[type=submit], select {
    background-color: #003CFF;
    border-radius: 1vh;
    width:80%;
    border: solid 0.5vh #ffffff;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff ;
    padding: 3.5vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 26px;
    margin: 1vh;
    cursor: pointer;
}

input, select, textarea{
    color: #000000;
    outline: none;
}

textarea:focus, input:focus{
    outline: none;
}

input[type=text], select {
    height: auto;
}

textarea{
    height: 0vh;
}

.input {
    width: 5px;
    color: #000000
}

input[type=text], select {
    width: 80%;
    height: auto;
    font-size: 16px;
    padding: 2vh 4vh;
    display: inline-block;
    border: solid 0.5vh #003CFF;
    border-radius: 2vh;
    box-sizing: border-box;
    vertical-align: bottom;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mamerican-footer-links-left {
    display: table;
    float: left;
    width: 50%;
    padding-bottom: 2.5vh;
}

@media only screen and (max-width: 500px) {
.mamerican-footer-links-left {
    width: 100%;
    padding-bottom: 2.5vh;
}
}

.mamerican-footer-links-right {
    display: table;
    float: right;
    width: 50%;
    padding-bottom: 2.5vh;
}

@media only screen and (max-width: 500px) {
.mamerican-footer-links-right {
    width: 100%;
    padding-bottom: 2.5vh;
    text-align: center;
    align-content: center;
}
}

.mamerican-copyright-notice {
    float: left;
    width: 50%;
}

@media only screen and (max-width: 500px) {
.mamerican-copyright-notice {
    float: left;
    width: 100%;
}
}

.mamerican-delivery-notice {
    float: right;
    width: 33.3%;
}

.mamerican-privacy-notice {
    float: right;
    width: 33.3%;
}

.mamerican-brand-notice {
    float: right;
    width: 33.3%;
}

form {
    text-align: center;
    display: block;
    margin-top: 0em;
}

.redirect {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main {
    background-color: #003CFF;
    width: 100%;
    height: 100%
}

.redirectmessage {
    font-family: 'Roboto', serif;
    font-size: 2.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    padding-left: auto;
    padding-right: auto;
    padding-bottom: 0vh;
    line-height: 1em;
}

@media only screen and (max-width: 500px) {
.redirectmessage {
    font-family: 'Roboto', serif;
    font-size: 6.5vw;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
}
}

.mamerican-logo-forerrors {
    width:30%;
    padding:1vh;
    display: block;
    padding-left: 0;
    padding-right: auto;
}

@media only screen and (max-width: 500px) {
.mamerican-logo-forerrors {
    width:60%;
    padding:1vh;
    display: block;
    padding-left: 0;
    padding-right: auto;
}
}