body { margin: 0; padding: 0; }

footer.footer { display: none; }

.container { padding: 0 15px; margin: 0 auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
.out-of-header { background: #045BCC; color: #fff; font-family: 'Calibri', sans-serif; margin-top: -50px; overflow-x: hidden; padding: 74px 0 24px; }

main * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
main h1 { font-size: 25px; font-style: normal; font-weight: 700; }
main h2 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 122.727%; }
main ul li, main ol li { font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; }
main ul li::before, main ol li::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
main ol { margin: 30px 0; }
main section { margin: 64px 0; }
main .landing-btn { border: 1px solid #FFF; border-radius: 30px; color: #FFF; font-family: 'Nunito', sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; /* 155.556% */ display: block; margin: 0 auto; padding: 10px 80px; text-align: center; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
main .landing-btn:hover { background: #fff; color: #045bcc; }
main .landing-btn:active { background: #e7e7e7; }
main .landing-btn.white-btn { background: #fff; color: #002856; font-family: 'Calibri', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 120%; }
main .welcomeBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 64px; }
main .prize__label { font-size: 18px; font-style: normal; font-weight: 700; line-height: 120%; /* 21.6px */ text-transform: uppercase; }
main .prize__amount { font-size: 40px; font-style: normal; font-weight: 700; line-height: 110%; }
main .titleBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 64px; }
main .lotoInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 64px; gap: 28px; text-align: center; }
main .lotoLogo img { max-width: 210px; }
main .frame { background: #fff; border-radius: 15px; min-height: 170px; min-width: 300px; width: 100%; }
main .last-text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 130%; text-align: center; }

@media only screen and (min-width: 1024px) { .out-of-header { margin-top: 70px; padding: 35px 0 70px; }
  main h1 { font-size: 45px; }
  main h2 { font-size: 35px; }
  main ul li, main ol li { font-size: 18px; }
  main ol { margin: 45px 0; }
  main .landing-btn { font-size: 20px; margin: 0; padding: 14px 24px; }
  main section { margin: 180px 0; }
  main .welcome { margin-top: 77px; }
  main .welcomeBlock { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: grid; grid-template-areas: "text visual" "text visual"; }
  main .titleBlock { grid-area: text; max-width: 556px; }
  main .lotoInfo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-area: visual; }
  main .lotoLogo img { max-width: 330px; }
  main .instructions { max-width: 556px; }
  main .frame { height: 457px; width: 1110px; }
  main .last-text { font-size: 20px; } }
@-webkit-keyframes pulse { from { -webkit-transform: scale(0.9); transform: scale(0.9); }
  to { -webkit-transform: scale(1.2); transform: scale(1.2); } }
@keyframes pulse { from { -webkit-transform: scale(0.9); transform: scale(0.9); }
  to { -webkit-transform: scale(1.2); transform: scale(1.2); } }
@-webkit-keyframes movementX { from { -webkit-transform: translate(-7px); transform: translate(-7px); }
  to { -webkit-transform: translate(12px); transform: translate(12px); } }
@keyframes movementX { from { -webkit-transform: translate(-7px); transform: translate(-7px); }
  to { -webkit-transform: translate(12px); transform: translate(12px); } }
@-webkit-keyframes movementY { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
  to { -webkit-transform: translateY(50px); transform: translateY(50px); } }
@keyframes movementY { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
  to { -webkit-transform: translateY(50px); transform: translateY(50px); } }
@-webkit-keyframes shadow { from { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
  to { -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); } }
@keyframes shadow { from { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
  to { -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); } }
@-webkit-keyframes circling { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circling { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes bubbles { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  90% { opacity: 0; }
  95% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.5; }
  100% { opacity: 1; } }
@keyframes bubbles { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  90% { opacity: 0; }
  95% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.5; }
  100% { opacity: 1; } }