.section-wysiwyg {
     padding-top: 5vh;
     padding-bottom: 5vh;
 }

 .section-wysiwyg h1 {
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 20px;
 }

 @media (min-width: 992px) {
     .section-wysiwyg h1 {
         font-size: 32px;
     }
 }


 .section-wysiwyg h2 {
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
 }

 @media (min-width: 992px) {
     .section-wysiwyg h2 {
         font-size: 24px;
     }
 }

 .section-wysiwyg h3 {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 10px;
 }

 @media (min-width: 992px) {
     .section-wysiwyg h3 {
         font-size: 20px;
     }
 }

 .section-wysiwyg p {
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 10px;
 }

 @media (min-width: 992px) {
     .section-wysiwyg p {
         font-size: 16px;
     }
 }

 body {
     background: var(--white) url('../img/bg-paper.jpg') no-repeat center center;
     background-size: cover;
     background-attachment: fixed;
 }

 .header {
     padding: 30px 0;
 }

 .header .logo-link {
     display: block;
     max-width: 100%;

     img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         object-position: center;
     }
 }

 .header.header-home .logo-link {
     width: 150px;
     max-width: 40%;
     margin: 0 auto;

     @media (min-width: 768px) {
         width: 150px;
         max-width: 100%;
     }
 }

 .header.header-contest .logo-link {
     width: 250px;
     max-width: 60%;
 }


 .header .menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: center;

     li {
         list-style: none;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     li:not(:last-child):after {
         content: "";
         display: block;
         width: 2px;
         height: 24px;
         margin: auto 10px;
         background: var(--black);
     }

     a {
         display: block;
         padding: 5px 0;
         color: var(--black);
         text-decoration: none;
         font-weight: bold;
         font-size: 18px;
         transition: all 0.3s ease;

         @media(min-width: 992px) {
             font-size: 24px;
         }

         &:hover,
         &.current {
             color: var(--orange);
         }

         &.current {
             color: var(--orange);
             text-decoration: underline;
             font-weight: bold;
         }
     }
 }

 .footer {
     background: var(--gray-dark);
     color: var(--white);
     padding: 20px 0;
 }

 @media (min-width: 992px) {
     .footer {
         padding: 55px 0 20px 0;
     }
 }

 .footer .copy {
     padding-top: 20px;
 }

 @media (min-width: 992px) {
     .footer .copy {
         padding-top: 55px;
     }
 }

 .footer .logo-link {
     display: block;
     width: 150px;
     max-width: 60%;
     margin: 0 auto 20px;


     @media (min-width: 576px) {
         width: 160px;
         max-width: 100%;
     }

     @media (min-width: 992px) {
         width: 250px;
         max-width: 60%;
     }

     img {
         width: 100%;
         height: 100%;
     }
 }

 .footer a {
     color: var(--white);
     text-decoration: none;
     transition: all 0.3s ease;

     &:hover,
     &.current {
         color: var(--orange);
     }

     &.current {
         color: var(--orange);
         text-decoration: underline;
         font-weight: bold;
     }
 }

 .footer .menu ul a {
     display: block;
     padding: 5px 0;
     font-size: 14px;

     @media (min-width: 992px) {
         font-size: 16px;
     }
 }

 .footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .footer ul.social-media {
     display: flex;
     justify-content: center;
     gap: 10px;
 }

 .footer ul.social-media li a {
     display: block;
     width: 34px;
     height: 34px;

     img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         object-position: center;
     }
 }

 .main-home {
     background: url('../img/bg-cos-verde-mare.png') no-repeat right top;
     background-size: 30% auto;

     background-attachment: fixed;
 }

 .main-celebrate {
     background: url('../img/bg-cos-orange-stanga-sus-mare.png') no-repeat left top;
     background-size: auto 4%;
 }

 .main-decorate {
     background: url('../img/bg-cos-orange-stanga-sus-mare.png') no-repeat left top;
     background-size: auto 5%;
 }

 .main-participate {
     background: url('../img/bg-cos-verde-mare.png') no-repeat right top;
     background-size: auto 5%;
 }

 @media(min-width: 992px) {
     .main-home {
         background: url('../img/bg-cos-verde-mare.png') no-repeat right top;
         background-size: 30% auto;
         background-attachment: fixed;
     }

     .main-celebrate {
         background: url('../img/bg-cos-orange-stanga-sus-mare.png') no-repeat left top;
         background-size: auto 5%;
     }

     .main-decorate {
         background: url('../img/bg-cos-orange-stanga-sus-mare.png') no-repeat left top;
         background-size: auto 5%;
     }

     .main-participate {
         background: url('../img/bg-cos-verde-mare.png') no-repeat right top;
         background-size: auto 10%;
     }
 }

 @media(min-width: 1600px) {
     .main-home {
         background: url('../img/bg-cos-verde-mare.png') no-repeat right top;
         background-size: 20% auto;

         background-attachment: fixed;
     }

     .main-celebrate {
         background: url('../img/bg-cos-orange-stanga-sus-mare.png') no-repeat left top;
         background-size: auto 15%;
     }

     .main-decorate {
         background: url('../img/bg-cos-orange-stanga-sus-mare.png') no-repeat left top;
         background-size: auto 30%;
     }

     .main-participate {
         background: url('../img/bg-cos-verde-mare.png') no-repeat right top;
         background-size: auto 30%;
     }


 }

 .section-choose {
     padding-top: 5vh;
     padding-bottom: 5vh;
 }

 .section-choose .col-item {
     margin-bottom: 30px;
 }

 .section-choose .item {

     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(5px);

     border-radius: 10px;
     border: 1px solid var(--gray-light);
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
     padding: 20px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease;
 }

 .section-choose .item:hover {
     box-shadow: 0 0 10px 0 var(--orange);
 }

 .section-choose .item h2 {
     color: var(--orange);
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
 }

 @media (min-width: 992px) {
     .section-choose .item h2 {
         font-size: 28px;
     }
 }

 .section-choose .item .img {
     margin-bottom: 20px;
 }

 .section-choose .item .prizes {
     margin-bottom: 20px;
 }

 .section-choose .item img {
     display: block;
     width: 100%;
     margin: 0 auto;
 }

 .section-choose .item .text {
     margin-bottom: 20px;
 }

 .section-choose .item .btn {
     width: 80%;
     margin: 0 auto;
 }

 .section {
     padding-top: 20px;
     padding-bottom: 20px;
 }

 @media (min-width: 992px) {
     .section {
         padding-top: 5vh;
         padding-bottom: 5vh;
     }
 }

 .section-hero .image {
     margin-bottom: 20px;
 }

 .section-hero .text {
     margin-bottom: 20px;
     text-align: center;
 }

 .section-hero .text h1 {
     color: var(--orange);
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 20px;
 }

 @media (min-width: 992px) {
     .section-hero .text h1 {
         font-size: 32px;
     }
 }

 .section-hero .text p {
     font-size: 18px;
     margin-bottom: 20px;
 }

 .main-celebrate .section-prizes {
     background: url('../img/bg-people-color.png') no-repeat center bottom -10vw;
     background-size: 100% auto;
 }

 .main-decorate .section-prizes {
     background: url('../img/bg-people-lines-blue.png') no-repeat center bottom -10vw;
     background-size: contain;
 }

 .main-participate .section-prizes {
     background: url('../img/bg-people-lines.png') no-repeat center bottom -10vw;
     background-size: 100% auto;
 }

 @media (min-width: 1600px) {
     .main-celebrate .section-prizes {
         background: url('../img/bg-people-color.png') no-repeat center bottom -20vw;
         background-size: 100% auto;
     }
 }

 .section-form {
     background-image: url('../img/bg-cosuri-dreapta-jos.png');
     background-repeat: no-repeat;
     background-position: right top;
     background-size: 15% auto;
 }

 @media (min-width: 992px) {
     .section-form {
         background-image: url('../img/bg-cosuri-dreapta-jos.png'), url('../img/bg-lines-dreapta-jos.png');
         background-repeat: no-repeat, no-repeat;
         background-position: right top, left center;
         background-size: 20% auto, 10% auto;
     }
 }

 @media (min-width: 1400px) {
     .section-form {
         background-image: url('../img/bg-cosuri-dreapta-jos.png'), url('../img/bg-lines-dreapta-jos.png');
         background-repeat: no-repeat, no-repeat;
         background-position: right top, left center;
         background-size: 30% auto, 20% auto;
     }
 }



 @media (min-width: 1200px) {
     .section-form {
         background-image: url('../img/bg-cosuri-dreapta-jos.png'), url('../img/bg-lines-dreapta-jos.png');
         background-repeat: no-repeat, no-repeat;
         background-position: right top, left center;
         background-size: 15% auto, 10% auto;
     }
 }

 .section-prizes ul {
     list-style: none;
     padding: 0;
     margin: 20px 0 0 0;
     display: flex;
     flex-direction: column;
     gap: 20px;
     max-width: 600px;
 }

 .section-prizes ul li {
     display: flex;
     justify-content: start;
     align-items: start;
     text-align: left;
     gap: 10px;
 }

 @media (min-width: 576px) {
     .section-prizes ul.text-center li {
         justify-content: center;
         text-align: center;
     }
 }

 .section-prizes ul li .nr {
     font-size: 16px;
     font-weight: bold;
     border-radius: 50%;
     width: 30px;
     min-width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--orange);
     color: var(--white);
 }

 .section-prizes ul.green-list li .nr {
     background: var(--green);
     color: var(--white);
 }

 .section-prizes ul.purple-list li .nr {
     background: var(--purple);
     color: var(--white);
 }

 .section-prizes ul li .text {
     font-size: 18px;
     font-weight: bold;
     color: var(--black);
 }

 .form-wrapper {
     margin-top: 30px;
 }