@import url(https://fonts.googleapis.com/css?family=Lato:400,100,200,300);
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@200;300;400;700&family=Source+Sans+Pro:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap);
* {
  margin: 0;
  padding: 0; }

input {
  font: 16px/26px "Lato", sans-serif; }

body {
  color: #666;
  background-image: url('../img/bg.jpg');
  font: 16px/26px "Lato", sans-serif; 

}
/* Responsive layout - makes a one column-layout instead of two-column layout */
@media only screen and (max-width: 600px) {
  .form-wrap {
    width: 100%;
  }
  .pad-50{
    padding-right: 25px;
  }
}
@media (min-width: 600px) {
  .form-wrap {
    width: 500px;
  }
  .pad-50{
    padding-left: 26px;
  }
}
.form-wrap {
  background-color: #fff;
  margin: 3em auto;
  box-shadow: 0px 1px 8px #BEBEBE;
  -webkit-box-shadow: 0px 1px 8px #BEBEBE;
  -moz-box-shadow: 0px 1px 8px #BEBEBE; }
  .form-wrap .tabs {
    overflow: hidden; }
    .form-wrap .tabs h3 {
      float: left;
      width: 50%; }
      .form-wrap .tabs h3 a {
        padding: 0.5em 0;
        text-align: center;
        font-weight: 400;
        background-color: #e6e7e8;
        display: block;
        color: #666; }
        .form-wrap .tabs h3 a.active {
          background-color: #fff; }
  .form-wrap .tabs-content {
    padding: 1.5em; }
    .form-wrap .tabs-content div[id$="tab-content"] {
      display: none; }
    .form-wrap .tabs-content .active {
      display: block !important; }
  .form-wrap form .input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    padding: .8em 0 10px .8em;
    border: 1px solid #CFCFCF;
    outline: 0;
    display: inline-block;
    margin: 0 0 .8em 0;
    padding-right: 2em;
    width: 100%; }
  .form-wrap form .button {
    width: 100%;
    padding: .8em 0 10px .8em;
    background-color: #28A55F;
    border: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase; }
    .form-wrap form .button:hover {
      background-color: #4FDA8C; }
  .form-wrap form .checkbox {
    visibility: hidden;
    padding: 20px;
    margin: .5em 0 1.5em; }
    .form-wrap form .checkbox:checked + label:after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1; }
  .form-wrap form label[for] {
    position: relative;
    padding-left: 20px;
    cursor: pointer; }
    .form-wrap form label[for]:before {
      content: '';
      position: absolute;
      border: 1px solid #CFCFCF;
      width: 17px;
      height: 17px;
      top: 0px;
      left: -14px; }
    .form-wrap form label[for]:after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      content: '';
      position: absolute;
      width: 9px;
      height: 5px;
      background-color: transparent;
      top: 4px;
      left: -10px;
      border: 3px solid #28A55F;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .form-wrap .help-text {
    margin-top: .6em; }
    .form-wrap .help-text p {
      text-align: center;
      font-size: 14px; }


.footer {
  position: flex;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
}

.header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.header-logo img {
    width: 400px;
}

h1 {
   font-family: 'Lexend Deca', sans-serif;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .form-wrap {
    width: 100%;
  }
  .pad-50{
    padding-right: 25px;
  }
  
  .payment-desc {
	  color: #cacaca;
	  font-family:"Lato", serif;
	  font-size: 18px;
	  font-weight: 400;
	  line-height: normal;
  }
  
  .payment-desc.larger {
	  font-size: 22px;
	  color: #f9de5c;
  }
  
  .payment-price {
	  color: #f9de5c;
	  font-family:"Lexend Deca", serif;
	  font-weight: 700;
	  font-size: 48px;
	  line-height: normal;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .form-wrap {
    width: 500px;
  }
  .pad-50{
    padding-left: 26px;
  }
  
  /*.payment-desc {
	  color: #f9de5c;
	  font-family:"Lato", serif;
	  font-size: 24px;
	  font-weight: 400;
	  line-height: normal;
  }*/
  
  .payment-desc {
	  color: #cacaca;
	  font-family:"Lato", serif;
	  font-size: 18px;
	  font-weight: 400;
	  line-height: normal;
  }
  
  .payment-desc.larger {
	  font-size: 22px;
	  color: #f9de5c;
  }
  
  .payment-price {
	  color: #f9de5c;
	  font-family:"Lexend Deca", serif;
	  font-weight: 700;
	  font-size: 48px;
	  line-height: normal;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .payment-desc {
	  font-size: 30px;
  }
  
  .payment-desc.larger {
	  font-size: 36px;
	  color: #f9de5c;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}