a {all: unset}
body {
    background-color: rgba(232,232,232,1);
    font-family: GlacialIndifferenceRegular, sans-serif;
    margin:0;
}

h1, #headingOfferText {
    text-align:center;
    color: #414141;
   
  }
  h1{
    font-size:40px;
    font-weight:500;
  }
  #headingOfferText{
    font-size:20px;
    font-weight:400;
    margin:1% 5%;
  }

#headingFlexBox {display:flex; height:100px; justify-content: center; width:100% ;margin:0}
img {display:inline; height: 100px;}
#headingEndDivider {border: solid 1px #223a76 ; justify-self: center; width:30%}


#membershipOptions {display:flex; justify-content: center; width:100% ;margin:0}
#membershipOptionBox {padding:2.5%; margin:15px; width: 25%; margin: 10% 7.5%; color:white; background-color: #223a76 }


h2 {
    text-align:left;
    color: white;
    font-size:30px;
    font-weight:500;
    line-height: 0;
  }

  #membershipPrice, #membershipPriceVat {display:inline-block; line-height: 0;}


  #registerButton, #termsButton, #continueButton {color: #223a76; background-color:white; padding: 10px 5px; width:40%; text-align:center; display:block; box-shadow: 0; }
  /* #registerButton {display:inline-block!important; width:43%!important; margin:0 1%!important} */
  .gold {border: solid 0px #FFD700; border-radius: 0px}


  #footerInformation {background-color: black; color: white; text-align:center; margin:0; padding:10px 2.5%}


  #membershipTermsBox {padding:2.5%; width: 60%; margin: 10% 17.5%; color:white; background-color: #223a76 }


  
 .input, .submit, .dateInput {all:unset}

 .input, .dateInput{color: white; font-size:20px; text-align: center; background-color: transparent; width:99.3%; height:50px!important; line-height:50px!important; border-color:white; border-style: solid; border-width: 3px; margin:0px; padding:0px; margin-bottom: 2%;}
 .dateInput {appearance: textfield;}
  
/* .checkbox {color:white; background-color:white; width:20px; height:20px} */

#termsButton {width:100%}

::placeholder { /* Internet Explorer 10-11 */
    color: white;
    opacity:1;
    text-align: center; font-size:20px;
}

 :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    opacity:1;
    text-align: center; font-size:20px;
}

 ::-ms-input-placeholder  { /* Internet Explorer 10-11 */
    color: white;
    opacity:1;
    text-align: center; font-size:20px;
} 






  @media screen and (max-width: 1200px) {
    #membershipTypeHeading {
    font-size: 24px;    }
  }

  
#formHeadings {font-size: 25px;; padding-top:35px}
option {color:black; }
/* select {padding-top: 0px!important; padding-bottom:0px !important; margin-bottom:0px !important } */

@media screen and (min-aspect-ratio:1/1) {

#registerButton {display:inline-block!important; width:43%!important; margin:0 1%!important}
}

  @media screen and (max-aspect-ratio:1/1) {

    

    #headingFlexBox {height:200px;}
    img {height: 200px;}
    h1 {font-size:75px; line-height:100px}
    #headingOfferText{font-size: 40px; margin: 0 10%; }
    #headingOfferBr {display:none}

    #footerInformation {font-size: 150%;}

    #membershipOptions {display:block; justify-content: center; width:100% ;margin:0}
    #membershipOptionBox, #membershipTermsBox {padding:5%; width: 70%; margin: 10%; color:white; background-color: #223a76 }
    #membershipTypeHeading {font-size:60px}
    #membershipTypeDesc {font-size: 30px}
    #membershipPrice {font-size:70px}
    #membershipPriceVat {font-size:30px}
    #registerButton, #termsButton, #continueButton {font-size:40px;padding: 7.5%; width:85%; margin:2% 0%; text-align:center; display:block}
    label {font-size:40px !important}



    .input, .dateInput{font-size:50px; height:150px!important; line-height:150px!important; display:block}

    .checkbox {width:100%; width:50px; height:50px}

    ::placeholder { /* Internet Explorer 10-11 */
        color: white;
        opacity:1;
        text-align: center; font-size:50px;
    }
    
     :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: white;
        opacity:1;
        text-align: center; font-size:50px;
    }
    
     ::-ms-input-placeholder  { /* Internet Explorer 10-11 */
        color: white;
        opacity:1;
        text-align: center; font-size:50px;
    } 


    #formHeadings {font-size: 60px; padding-top:50px}

  }


  #footerInformation {
    /* position: absolute!important; */
    bottom: 0!important;
    width: 95%!important;
    /* height: 2.5rem;            Footer height */
  }

  /* .index_footerInformation {
    position: absolute!important;
    bottom: 0!important;
    width: 100%!important;
     height: 2.5rem;            Footer height 
  } */