body { font-family: Oswald; background-color: #172f3b; }
.body-img { background: url(../img/fondo.jpg); background-size: cover; background-position: top center; max-width: 1300px; margin: 0 auto; }
iframe { border:20px solid #172f3b; background-color: #172f3b }
input[type=radio], input[type=checkbox] { display: none; }
input[type=checkbox] + label:after, input[type=radio] + label:after { display: block; content: " "; width: 36px; height: 36px; border-radius: 5px; border: solid 2px #b8b8b8; background-color: white; overflow: hidden; float: left; }
input[type=radio] + label:after { margin-top: 15px; margin-right: 20px; }
input[type=checkbox] + label:after { margin-right: 20px; }
input[type=checkbox]:checked + label:after, input[type=radio]:checked  + label:after { background-color: #8a1414; }
input:checked + label {
  color: #8a1414;
}
label { line-height: 100% }
.label-price { margin:0 5px 25px; background:#172f3b4a;font-size: 60px; font-weight: 800; width: 100%; display: block; }
.label-price label { color: #172f3b }
.other-amount { font-family: 'Lato', sans-serif; width: 560px; text-align: center; border-radius: 20px; border:4px solid #c1c1c1; margin:28px 0; font-size: 40px; padding: 26px 0}
.connect .other-amount { margin: 15px 0; }
.mt20p { margin-top: 20% }
.mb20p { margin-bottom: 20% }
.mb30p { margin-bottom: 30% }
.mt25 { margin-top: 25px }
.mt5 { margin-top: 5px !important }
.text-center { text-align: center; }
.givin { font-size: 70px; font-weight: 800; margin: 20px 0 30px; color: #172f3b; }
.montly { color: #8a1414; font-size: 40px; padding-left: 30px }
.partner { background: #8a1414; color: white; text-align: center; padding: 30px; width: 560px;  border-radius: 20px; font-size: 45px; font-weight: 600; margin-top: 20px; border: none; }
.container { max-width: 700px; }
.pagina { padding-top: 100px; padding-bottom: 300px; }
.icono { width: 96px; }
.pagina .givin { max-width: 450px; margin: 0 auto; text-align: center; margin-top: 30px; margin-bottom: 30px; }

.welcome_home { text-transform: uppercase; font-size: 28px; font-weight: 800; margin: 60px 0 30px; color: #172f3b;  }
.logo_home { max-width: 450px; width: 100%; margin-bottom: 60px; }
.home_btn { display: block; width: 100%; max-width: 450px; margin: 0 auto; padding: 20px; font-size: 38px; margin-bottom: 25px; }
.home_btn:hover, .home_btn:focus { color: white; text-transform: none; text-decoration: none; }
.body-img-home { background-size: contain; background-repeat: no-repeat; }

@media (max-width: 600px) {
  .body-img-home { background-size: cover; background-repeat: no-repeat; }
  iframe { width: 100% !important; height: 250px !important }
  #otherAmount { margin-bottom: 15px; }
  .givin { font-size: 32px; margin: 10px 0px; }
  .container { width: 100%; }
  .label-price { width: 100%; font-size: 26px; margin-bottom: 10px; padding: 5px 0px; }
  .other-amount { width: 100%; font-size: 18px; padding: 6px; margin: 10px 0px; }
  .partner { width: 100%; font-size: 20px; padding: 10px; }
  .montly { font-size: 18px; }
  input[type=checkbox] + label:after, input[type=radio] + label:after { width: 18px; height: 18px; border-radius: 3px; border: solid 1px #b8b8b8; margin-top: 5px; }
  input[type=checkbox] + label:after { margin-top: 0px; }
  .connect #otherAmount { margin:6px 0px; }
  .icono { width: 64px; }
  .pagina .givin { max-width: 300px; }
  .logo_home { max-width: 270px; }
  .home_btn { padding: 10px; font-size: 32px; max-width: 270px; }
  .body-img-home { height: 100vh; }
  .mt20p { margin-top: 20vh }
  .mb20p { margin-bottom: 20vh }
  .mb30p { margin-bottom: 30vh }

}