html, .swal, .swal2-content {
  font-size: 16px;
}

@media screen and (min-width:320px) {
  html, .swal, .swal2-content {
    font-size: calc(16px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  html, .swal, .swal2-content {
    font-size: 20px;
  }
}

.f25 {
  font-size: 21px;
}

@media screen and (min-width:320px) {
  .f25 {
    font-size: calc(21px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f25 {
    font-size: 25px;
  }
}

.f26 {
  font-size: 22px;
}

@media screen and (min-width:320px) {
  .f26 {
    font-size: calc(22px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f26 {
    font-size: 26px;
  }
}

.f27 {
  font-size: 23px;
}

@media screen and (min-width:320px) {
  .f27 {
    font-size: calc(23px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f27 {
    font-size: 27px;
  }
}

.f28 {
  font-size: 24px;
}

@media screen and (min-width:320px) {
  .f28 {
    font-size: calc(24px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f28 {
    font-size: 28px;
  }
}

.f29 {
  font-size: 25px;
}

@media screen and (min-width:320px) {
  .f29 {
    font-size: calc(25px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f29 {
    font-size: 29px;
  }
}

.f30 {
  font-size: 26px;
}

@media screen and (min-width:320px) {
  .f30 {
    font-size: calc(26px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f30 {
    font-size: 30px;
  }
}

.f31 {
  font-size: 27px;
}

@media screen and (min-width:320px) {
  .f31 {
    font-size: calc(27px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f31 {
    font-size: 31px;
  }
}

.f32 {
  font-size: 28px;
}

@media screen and (min-width:320px) {
  .f32 {
    font-size: calc(28px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f32 {
    font-size: 32px;
  }
}

.f33 {
  font-size: 29px;
}

@media screen and (min-width:320px) {
  .f33 {
    font-size: calc(29px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f33 {
    font-size: 33px;
  }
}

.f34 {
  font-size: 30px;
}

@media screen and (min-width:320px) {
  .f34 {
    font-size: calc(30px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f34 {
    font-size: 34px;
  }
}

.f35 {
  font-size: 31px;
}

@media screen and (min-width:320px) {
  .f35 {
    font-size: calc(31px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f35 {
    font-size: 35px;
  }
}

.f36 {
  font-size: 32px;
}

@media screen and (min-width:320px) {
  .f36 {
    font-size: calc(32px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f36 {
    font-size: 36px;
  }
}

.f37 {
  font-size: 33px;
}

@media screen and (min-width:320px) {
  .f37 {
    font-size: calc(33px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f37 {
    font-size: 37px;
  }
}

.f38 {
  font-size: 34px;
}

@media screen and (min-width:320px) {
  .f38 {
    font-size: calc(34px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f38 {
    font-size: 38px;
  }
}

.f39 {
  font-size: 35px;
}

@media screen and (min-width:320px) {
  .f39 {
    font-size: calc(35px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f39 {
    font-size: 39px;
  }
}

.f40 {
  font-size: 36px;
}

@media screen and (min-width:320px) {
  .f40 {
    font-size: calc(36px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f40 {
    font-size: 40px;
  }
}

.f41 {
  font-size: 37px;
}

@media screen and (min-width:320px) {
  .f41 {
    font-size: calc(37px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f41 {
    font-size: 41px;
  }
}

.f42 {
  font-size: 38px;
}

@media screen and (min-width:320px) {
  .f42 {
    font-size: calc(38px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f42 {
    font-size: 42px;
  }
}

.f43 {
  font-size: 39px;
}

@media screen and (min-width:320px) {
  .f43 {
    font-size: calc(39px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f43 {
    font-size: 43px;
  }
}

.f44 {
  font-size: 40px;
}

@media screen and (min-width:320px) {
  .f44 {
    font-size: calc(40px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f44 {
    font-size: 44px;
  }
}

.f45 {
  font-size: 41px;
}

@media screen and (min-width:320px) {
  .f45 {
    font-size: calc(41px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f45 {
    font-size: 45px;
  }
}

.f46 {
  font-size: 42px;
}

@media screen and (min-width:320px) {
  .f46 {
    font-size: calc(42px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f46 {
    font-size: 46px;
  }
}

.f47 {
  font-size: 43px;
}

@media screen and (min-width:320px) {
  .f47 {
    font-size: calc(43px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f47 {
    font-size: 47px;
  }
}

.f48 {
  font-size: 44px;
}

@media screen and (min-width:320px) {
  .f48 {
    font-size: calc(44px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f48 {
    font-size: 48px;
  }
}

.f49 {
  font-size: 45px;
}

@media screen and (min-width:320px) {
  .f49 {
    font-size: calc(45px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f49 {
    font-size: 49px;
  }
}

.f50 {
  font-size: 46px;
}

@media screen and (min-width:320px) {
  .f50 {
    font-size: calc(46px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f50 {
    font-size: 50px;
  }
}

.f51 {
  font-size: 47px;
}

@media screen and (min-width:320px) {
  .f51 {
    font-size: calc(47px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f51 {
    font-size: 51px;
  }
}

.f52 {
  font-size: 48px;
}

@media screen and (min-width:320px) {
  .f52 {
    font-size: calc(48px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f52 {
    font-size: 52px;
  }
}

.f53 {
  font-size: 49px;
}

@media screen and (min-width:320px) {
  .f53 {
    font-size: calc(49px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f53 {
    font-size: 53px;
  }
}

.f54 {
  font-size: 50px;
}

@media screen and (min-width:320px) {
  .f54 {
    font-size: calc(50px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f54 {
    font-size: 54px;
  }
}

.f55 {
  font-size: 51px;
}

@media screen and (min-width:320px) {
  .f55 {
    font-size: calc(51px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f55 {
    font-size: 55px;
  }
}

.f56 {
  font-size: 52px;
}

@media screen and (min-width:320px) {
  .f56 {
    font-size: calc(52px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f56 {
    font-size: 56px;
  }
}

.f57 {
  font-size: 53px;
}

@media screen and (min-width:320px) {
  .f57 {
    font-size: calc(53px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f57 {
    font-size: 57px;
  }
}

.f58 {
  font-size: 54px;
}

@media screen and (min-width:320px) {
  .f58 {
    font-size: calc(54px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f58 {
    font-size: 58px;
  }
}

.f59 {
  font-size: 55px;
}

@media screen and (min-width:320px) {
  .f59 {
    font-size: calc(55px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f59 {
    font-size: 59px;
  }
}

.f60 {
  font-size: 56px;
}

@media screen and (min-width:320px) {
  .f60 {
    font-size: calc(56px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f60 {
    font-size: 60px;
  }
}

.f61 {
  font-size: 57px;
}

@media screen and (min-width:320px) {
  .f61 {
    font-size: calc(57px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f61 {
    font-size: 61px;
  }
}

.f62 {
  font-size: 58px;
}

@media screen and (min-width:320px) {
  .f62 {
    font-size: calc(58px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f62 {
    font-size: 62px;
  }
}

.f63 {
  font-size: 59px;
}

@media screen and (min-width:320px) {
  .f63 {
    font-size: calc(59px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f63 {
    font-size: 63px;
  }
}

.f64 {
  font-size: 60px;
}

@media screen and (min-width:320px) {
  .f64 {
    font-size: calc(60px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f64 {
    font-size: 64px;
  }
}

.f65 {
  font-size: 61px;
}

@media screen and (min-width:320px) {
  .f65 {
    font-size: calc(61px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f65 {
    font-size: 65px;
  }
}

.f66 {
  font-size: 62px;
}

@media screen and (min-width:320px) {
  .f66 {
    font-size: calc(62px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f66 {
    font-size: 66px;
  }
}

.f67 {
  font-size: 63px;
}

@media screen and (min-width:320px) {
  .f67 {
    font-size: calc(63px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f67 {
    font-size: 67px;
  }
}

.f68 {
  font-size: 64px;
}

@media screen and (min-width:320px) {
  .f68 {
    font-size: calc(64px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f68 {
    font-size: 68px;
  }
}

.f69 {
  font-size: 65px;
}

@media screen and (min-width:320px) {
  .f69 {
    font-size: calc(65px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f69 {
    font-size: 69px;
  }
}

.f70 {
  font-size: 66px;
}

@media screen and (min-width:320px) {
  .f70 {
    font-size: calc(66px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f70 {
    font-size: 70px;
  }
}

.f71 {
  font-size: 67px;
}

@media screen and (min-width:320px) {
  .f71 {
    font-size: calc(67px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f71 {
    font-size: 71px;
  }
}

.f72 {
  font-size: 68px;
}

@media screen and (min-width:320px) {
  .f72 {
    font-size: calc(68px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f72 {
    font-size: 72px;
  }
}

.f73 {
  font-size: 69px;
}

@media screen and (min-width:320px) {
  .f73 {
    font-size: calc(69px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f73 {
    font-size: 73px;
  }
}

.f74 {
  font-size: 70px;
}

@media screen and (min-width:320px) {
  .f74 {
    font-size: calc(70px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f74 {
    font-size: 74px;
  }
}

.f75 {
  font-size: 71px;
}

@media screen and (min-width:320px) {
  .f75 {
    font-size: calc(71px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f75 {
    font-size: 75px;
  }
}

.f76 {
  font-size: 72px;
}

@media screen and (min-width:320px) {
  .f76 {
    font-size: calc(72px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f76 {
    font-size: 76px;
  }
}

.f77 {
  font-size: 73px;
}

@media screen and (min-width:320px) {
  .f77 {
    font-size: calc(73px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f77 {
    font-size: 77px;
  }
}

.f78 {
  font-size: 74px;
}

@media screen and (min-width:320px) {
  .f78 {
    font-size: calc(74px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f78 {
    font-size: 78px;
  }
}

.f79 {
  font-size: 75px;
}

@media screen and (min-width:320px) {
  .f79 {
    font-size: calc(75px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f79 {
    font-size: 79px;
  }
}

.f80, .fcurso {
  font-size: 76px;
}

@media screen and (min-width:320px) {
  .f80, .fcurso {
    font-size: calc(76px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f80, .fcurso {
    font-size: 80px;
  }
}

.f81 {
  font-size: 77px;
}

@media screen and (min-width:320px) {
  .f81 {
    font-size: calc(77px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f81 {
    font-size: 81px;
  }
}

.f82 {
  font-size: 78px;
}

@media screen and (min-width:320px) {
  .f82 {
    font-size: calc(78px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f82 {
    font-size: 82px;
  }
}

.f83 {
  font-size: 79px;
}

@media screen and (min-width:320px) {
  .f83 {
    font-size: calc(79px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f83 {
    font-size: 83px;
  }
}

.f84 {
  font-size: 80px;
}

@media screen and (min-width:320px) {
  .f84 {
    font-size: calc(80px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f84 {
    font-size: 84px;
  }
}

.f85 {
  font-size: 81px;
}

@media screen and (min-width:320px) {
  .f85 {
    font-size: calc(81px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f85 {
    font-size: 85px;
  }
}

.f86 {
  font-size: 82px;
}

@media screen and (min-width:320px) {
  .f86 {
    font-size: calc(82px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f86 {
    font-size: 86px;
  }
}

.f87 {
  font-size: 83px;
}

@media screen and (min-width:320px) {
  .f87 {
    font-size: calc(83px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f87 {
    font-size: 87px;
  }
}

.f48_title_header {
  font-size: 30px;
  font-family: "Ailerons";
  font-weight: normal;
  font-style: normal;
}

@media screen and (min-width:768px) {
  .f48_title_header {
    font-size: calc(44px + 4 * ((100vw - 768px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f48_title_header {
    font-size: 48px;
  }
}

.f72_title_portada {
  font-size: 68px;
  font-family: "Ailerons";
  font-weight: normal;
  font-style: normal;
}

@media screen and (min-width:320px) {
  .f72_title_portada {
    font-size: calc(68px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f72_title_portada {
    font-size: 72px;
  }
}

.f26_dash {
  font-size: 22px;
  font-family: "Bariol";
}

@media screen and (min-width:320px) {
  .f26_dash {
    font-size: calc(22px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f26_dash {
    font-size: 26px;
  }
}

.f75_h1 {
  font-size: 71px;
  font-family: "Bariol";
}

@media screen and (min-width:320px) {
  .f75_h1 {
    font-size: calc(65px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f75_h1 {
    font-size: 75px;
  }
}

.f45_h2 {
  font-size: 41px;
  font-family: "Bariol";
  font-weight: 300;
}

@media screen and (min-width:320px) {
  .f45_h2 {
    font-size: calc(41px + 4 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width:1000px) {
  .f45_h2 {
    font-size: 45px;
  }
}