@media only screen and (max-width: 430px) {

body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  height: 1077vw;
}

.index {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  position: relative;
  background-color: #ffffff;
}
/*top*/
.top {
  position: relative;
  width: 100vw;
  height: 116vw;
  background-color: rgba(227, 239, 254, 1);
}

.denumirea {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6vw;
  position: absolute;
  top: 6vw;
  left: 2vw;
}

.titlu {
  width: 85vw;
  margin-top: -1px;
  font-family: "Raleway-Bold", Helvetica;
  color: rgba(50, 101, 179, 1);
  font-size: 7vw;
  line-height: 7vw;
  position: relative;
  font-weight: 700;
}

.moto {
  position: relative;
  top: -5vw;
  width: 58vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 4vw;
  letter-spacing: 0;
  line-height: 4vw;
}
/*endtop*/
/*poze*/
.begin {
  position: absolute;
  width: 100vw;
  height: 95vw;
  top: 12vw;
  left: 1vw;
}

.poze {
  position: absolute;
  width: 100vw;
  height: 59vw;
  top: 45vw;
  left: 2.5vw;
}

.foto1 {
  position: relative;
  top: 0vw;
  left: 0vw;
  width: 46vw;
  height: 29vw;
  object-fit: cover;
  border-radius: 4vw;
}

.foto2 {
  position: relative;
  width: 46vw;
  height: 29vw;
  object-fit: cover;
  border-radius: 4vw;
}

.foto3 {
  position: relative;
  top: 0vw;
  left: 0vw;
  width: 46vw;
  height: 29vw;
  object-fit: cover;
  border-radius: 4vw;
}

.foto4 {
  position: relative;
  top: 0vw;
  left: 0vw;
  width: 46vw;
  height: 29vw;
  object-fit: cover;
  border-radius: 4vw;
}
/*endpoze*/
/*valori*/
.valorile {
  position: relative;
  width: 100vw;
  height: 125vw;
  top: 10vw;
}

.network {
  position: absolute;
  width: 31vw;
  top: 21vw;
  left: 57vw;
  object-fit: cover;
}

.valori1 {
  display: grid;
  align-content: center;
  gap: 18vw;
  position: absolute;
  top: 46vw;
  left: 8vw;
}

.valori {
  display: inline-flex;
  position: relative;
  top: 3vw;
  left: 14vw;
  width: fit-content;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 6vw;
  letter-spacing: 0;
  white-space: nowrap;
  font-variant: small-caps;
}

.ellipse {
  top: -1vw;
  left: 30%;
  width: 5vw;
  height: 9vw;
  position: absolute;
  left: -12vw;
  background-color: #C526B0;
  border-radius: 0 10rem 10rem 0;
}

.linie {
  position: relative;
  height: 116vw;
  top: 40vw;
  left: 10vw;
}

.linie1 {
  height: 125vw;
  width: 0.7vw;
  top: 1vw;
  background-color: #3265B3;
  position: relative;
}

.punct1 {
  width: 2vw;
  height: 2vw;
  background-color: #3265B3;
  border-radius: 50%;
  position: absolute;
  left: -0.65vw;
}

.punct2 {
  width: 2vw;
  height: 2vw;
  background-color: #3265B3;
  border-radius: 50%;
  position: absolute;
  top: 0vw;
  left: -0.65vw;
}
/*endvalori*/
/*evenimente*/
.evenimente {
  position: relative;
  width: 100vw;
  height: 245vw;
  top: 69vw;
}

.evenimentetxt {
  position: absolute;
  left: 3vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 6vw;
  line-height: 150%;
  white-space: nowrap;
  font-style: normal;
}

.scoatel {
  display: none;
}

.chenare {
  position: relative;
  width: 75vw;
  height: 149vw;
  top: 12vw;
  left: 11vw;
  margin-right: 0.3vw;
  border-radius: 3vw;
  overflow: hidden;
  border: 0.01vw solid;
  border-color: #000000;
}

.imagineart {
  position: absolute;
  width: 75vw;
  height: 78vw;
  top: 0;
  left: 0;
  object-fit: cover;
}

.titprevizualizare {
  text-align: center;
  position: absolute;
  width: 66vw;
  top: 79vw;
  left: 4vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 5vw;
  line-height: 4vw;
}

.previzualizare {
  text-align: center;
  position: absolute;
  width: 70vw;
  top: 94vw;
  left: 2vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 3.5vw;
  letter-spacing: 0;
  line-height: 4.6vw;
}

.articol {
  transition-duration: 0.4s;
  border-radius: 3vw;
  background-color: #3265B3;
  color: white;
  border: 0px;
  width: 27.3vw;
  height: 9.3vw;
  position: absolute;
  left: 22vw;
  bottom: 4vw;
}

.articol:hover {
  cursor:pointer;
  border: 0.02vw solid #3265B3;
  background-color: white;
  color: #000000;
}

.acces {
  font-size: 3vw;
  margin-block-start: 0px;
  margin-block-end: 0px;
}
/*endevenimente*/
/*stats*/
.proiectestats {
  top: 20vw;
  position: relative;
  width: 100vw;
  height: 100vw;
}

.dreptunghi {
  display: grid;
  position: relative;
  gap: 12vw;
  width: 91vw;
  height: 69vw;
  top: 31vw;
}

.proiectetxt {
  position: absolute;
  width: 70vw;
  top: -8vw;
  left: 4vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 6vw;
  font-style: normal;
}

.categorie {
  display: flex;
  flex-direction: column;
  width: 73vw;
  height: 18vw;
  align-items: center;
  justify-content: center;
  padding: 1vw 2.5vw;
  margin: 0 4vw 0 2vw;
  position: relative;
  left: 10vw;
  top: -1vw;
  background-color: rgba(50, 101, 179, 1);
  border-radius: 4vw;
}

.cantitate {
  position: relative;
  width: fit-content;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 4.2vw;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: center;
}
/*endstats*/
/*testimoniale*/
.testimoniale {
  top: 54vw;
  position: relative;
  width: 100vw;
  height: 205vw;
  background-color: rgba(227, 239, 254, 1);
}

.pareri {
  position: absolute;
  width: 69vw;
  top: -0.3vw;
  left: 7vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 6vw;
  font-style: normal;
}

.fotca {
  border-radius: 5vw;
  object-fit: cover;
  object-position: 0 20%;
  position: relative;
  width: 65vw;
  height: 65vw;
  top: 6vw;
  left: 15vw;
}

.persoana {
  position: absolute;
  width: 63vw;
  height: 2vw;
  top: 76vw;
  left: 16vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: #c526b0;
  font-size: 5vw;
}

.functie {
  position: absolute;
  height: 2vw;
  width: 71vw;
  top: 92vw;
  left: 16vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(7, 15, 28, 1);
  font-size: 4vw;
}

.textpareri {
  text-align: justify;
  position: absolute;
  width: 65vw;
  height: 35vw;
  top: 111vw;
  left: 15vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 4vw;
  line-height: 5vw;
}

.contentpareri {
  position: absolute;
  width: 30vw;
  height: 44vw;
  right: 10vw;
  top: -16vw;
}

.ghilim {
  position: absolute;
  width: 14vw;
  height: 8vw;
  top: 9vw;
  left: 9vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: #3265b399;
  font-size: 61vw;
}

.fotopareri {
  position: relative;
  width: 25vw;
  height: 29vw;
  top: 59vw;
}
/*endtestimoniale*/
/*slide*/
* {box-sizing:border-box}

.slideshow-container {
  max-width: 100%;
  height: 100vw;
  position: relative;
  left: 1vw;
  top: 20vw;
}

.mySlides2{
  display:none;
}

.sageatastanga:hover, .sageatadreapta:hover {
  background-color: #5986c9;
}

.sageatastanga1:hover, .sageatadreapta1:hover {
  background-color: #5986c9;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.numerotare {
  position: absolute;
  top: 161.5vw;
  left: 45vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 4vw;
  letter-spacing: 0;
  white-space: nowrap;
}

.sageatastanga {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 160vw;
  left: 36vw;
  height: 9.3vw;
  width: 5vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.sageatadreapta {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 160vw;
  left: 55vw;
  height: 9.3vw;
  width: 5vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.numerotare1 {
  position: absolute;
  top: 169vw;
  left: 45vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 4vw;
  letter-spacing: 0;
  white-space: nowrap;
}

.sageatastanga1 {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 168vw;
  left: 36vw;
  height: 9.3vw;
  width: 5vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.sageatadreapta1 {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 168vw;
  left: 55vw;
  height: 9.3vw;
  width: 5vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.ss{
  height: 7vw;
  position: absolute;
}

.sd{
  height: 7vw;
  position: absolute;
}
/*endslide*/
/*newsletter*/
.newsletter {
  display: none;
}

.fotonews2 {
  position: absolute;
  width: 100vw;
  height: 42vw;
  object-fit: cover;
  z-index: 0;
}

.newsletterfooter {
  position: relative;
  width: 100vw;
  height: 232vw;
  top: 54vw;
}
/*endnewsletter*/
}

@media only screen and (min-width: 431px) {

body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  height: 332.2vw;
}

.index {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  position: relative;
  background-color: #ffffff;
}

/*top*/
.top {
  position: relative;
  width: 100vw;
  height: 57.6vw;
  background-color: rgba(227, 239, 254, 1);
}

.denumirea {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2vw;
  position: absolute;
  top: -1vw;
  left: 2vw;
}

.titlu {
  width: 66vw;
  margin-top: -1px;
  font-family: "Raleway-Bold", Helvetica;
  color: rgba(50, 101, 179, 1);
  font-size: 4vw;
  line-height: 6vw;
  position: relative;
  font-weight: 700;
}

.moto {
  position: relative;
  width: 30vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 2vw;
  letter-spacing: 0;
  line-height: 3vw;
  text-decoration: none;
}
/*endtop*/
/*poze*/
.begin {
  position: absolute;
  width: 100vw;
  height: 45vw;
  top: 12vw;
  left: 1vw;
}

.poze {
  position: absolute;
  width: 100vw;
  height: 45vw;
  top: 0;
  left: 0;
}

.foto1 {
  position: absolute;
  width: 30.355vw;
  top: 0;
  left: 66vw;
  object-fit: cover;
  border-radius: 1vw;
}

.foto2 {
  position: absolute;
  width: 30.355vw;
  top: 25.3vw;
  left: 0;
  object-fit: cover;
  z-index: 1;
  border-radius: 1vw;
}

.foto3 {
  position: absolute;
  width: 30.355vw;
  top: 10.2vw;
  left: 33vw;
  object-fit: cover;
  border-radius: 1vw;
}

.foto4 {
  position: absolute;
  width: 30.355vw;
  top: 22.8vw;
  left: 66vw;
  object-fit: cover;
  border-radius: 1vw;
}
/*endpoze*/
/*valori*/
.valorile {
  position: relative;
  width: 100vw;
  height: 25vw;
  top: 6vw;
}

.network {
  position: absolute;
  width: 17vw;
  left: 80vw;
  object-fit: cover;
}

.valori1 {
  display: inline-flex;
  align-content: center;
  gap: 7vw;
  position: absolute;
  top: 17vw;
  left: 8vw;
}

.valori {
  position: relative;
  width: fit-content;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 2vw;
  letter-spacing: 0;
  white-space: nowrap;
}

.ellipse {
  left: 30%;
  width: 4vw;
  height: 2vw;
  position: relative;
  background-color: #C526B0;
  border-radius: 10rem 10rem 0 0;
}

.linie {
  position: relative;
  width: 100vw;
  top: 20.7vw;
}

.linie1 {
  width: 96vw;
  height: 0.2vw;
  background-color: #3265B3;
  position: relative;
  top: 0.6vw;
  left: 1vw;
}

.punct1 {
  width: 1vw;
  height: 1vw;
  background-color: #3265B3;
  border-radius: 50%;
  position: absolute;
  left: 1vw;
}

.punct2 {
  width: 1vw;
  height: 1vw;
  background-color: #3265B3;
  border-radius: 50%;
  position: absolute;
  left: 97vw;
}
/*endvalori*/
/*parteneri*/
.parteneri {
    width: 1vw;
    height: 1vw;
    top: 10vw;
    left: 1vw;
}

.imgparteneri {
    width: 1vw;
    height: 2vw;
    left: 1vw;
}
/*endparteneri*/
/*evenimente*/
.evenimente {
  position: relative;
  width: 100vw;
  height: 50vw;
  top: 11vw;
}

.evenimentetxt {
  position: absolute;
  left: 1vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 4vw;
  line-height: 150%;
  white-space: nowrap;
  font-style: normal;
}

.chenare {
  position: relative;
  width: 47vw;
  height: 32vw;
  left: 0.5vw;
  margin-right: 1.5vw;
  border-radius: 1vw;
  overflow: hidden;
  border: 0.01vw solid;
  border-color: #000000;
}

.imagineart {
  position: absolute;
  width: 22.1vw;
  height: 34.9vw;
  top: 0;
  left: 0;
  object-fit: cover;
}

.titprevizualizare {
  position: absolute;
  width: 19vw;
  top: 1vw;
  left: 25vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.previzualizare {
  position: absolute;
  width: 20vw;
  top: 7vw;
  left: 25vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 1.3vw;
  letter-spacing: 0;
  line-height: 1.6vw;
}

.articol {
  transition-duration: 0.4s;
  border-radius: 1vw;
  background-color: #3265B3;
  color: white;
  border: 0px;
  width: 13.3vw;
  height: 3.3vw;
  position: absolute;
  left: 28vw;
  bottom: 2vw;
}

.articol:hover{
  cursor:pointer;
  border: 0.02vw solid #3265B3;
  background-color: white;
  color: #000000;
}

.acces {
  font-size: 1vw;
  margin-block-start: 0px;
  margin-block-end: 0px;
}
/*endevenimente*/
/*stats*/
.proiectestats {
  position: relative;
  width: 100vw;
  height: 20vw;
  top: 19vw
}

.dreptunghi {
  display: inline-flex;
  position: relative;
  width: 91vw;
  height: 8vw;
  top: 11vw;
  left: 5vw;
}

.proiectetxt {
  position: absolute;
  width: 60vw;
  top: -8vw;
  left: 1vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 4vw;
  font-style: normal;
}

.categorie {
  display: flex;
  flex-direction: column;
  width: 24.7vw;
  height: 8.1vw;
  align-items: center;
  justify-content: center;
  padding: 1vw 2.5vw;
  margin: 0 4vw 0 2vw;
  position: relative;
  top: -1vw;
  background-color: rgba(50, 101, 179, 1);
  border-radius: 1vw;
}

.cantitate {
  position: relative;
  width: fit-content;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 2.2vw;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: center;
}
/*endstats*/
/*testimoniale*/
.testimoniale {
  position: relative;
  width: 100vw;
  height: 64.5vw;
  background-color: rgba(227, 239, 254, 1);
  top: 26vw;
}

.pareri {
  position: absolute;
  width: 46.5vw;
  top: -0.3vw;
  left: 1vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 4vw;
  font-style: normal;
}

.fotca {
  border-radius: 5vw;
  object-fit: cover;
  object-position: 0 20%;
  position: relative;
  width: 38.6vw;
  height: 38.6vw;
  top: 10.5vw;
}

.persoana {
  position: absolute;
  height: 2vw;
  top: 45.8vw;
  left: 48.3vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: #c526b0;
  font-size: 1.5vw;
}

.functie {
  position: absolute;
  height: 2vw;
  width: 43vw;
  top: 47.7vw;
  left: 48.3vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(7, 15, 28, 1);
  font-size: 1.3vw;
}

.textpareri {
  position: absolute;
  width: 44vw;
  height: 26vw;
  top: 17.2vw;
  left: 48.3vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 2.4vw;
  line-height: 3.3vw;
}

.contentpareri {
  position: absolute;
  width: 30vw;
  height: 44vw;
  left: 28vw;
  bottom: -10vw;
}

.ghilim {
  position: absolute;
  width: 14vw;
  height: 8vw;
  left: 11vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: #3265b399;
  font-size: 32.1vw;
  letter-spacing: 0;
}

.fotopareri {
  position: relative;
  width: 16vw;
  height: 19vw;
  top: 25.4vw;
}
/*endtestimoniale*/
/*slide*/
* {box-sizing:border-box}

.slideshow-container {
  max-width: 100%;
  position: relative;
  left: 1vw;
  top: 8vw;
}

.slideshow-container1 {
  max-width: 100%;
  position: relative;
  left: 1vw;
  top: 8vw;
}

.mySlides2{
  display:none;
}

.sageatastanga:hover, .sageatadreapta:hover {
  background-color: #5986c9;
}

.sageatastanga1:hover, .sageatadreapta1:hover {
  background-color: #5986c9;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.numerotare {
  position: absolute;
  top: 6.4vw;
  left: 84.3vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 1.6vw;
  letter-spacing: 0;
  white-space: nowrap;
}

.sageatastanga {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 5.8vw;
  left: 80.4vw;
  height: 3.3vw;
  width: 2vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.sageatadreapta {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 5.8vw;
  left: 89vw;
  height: 3.3vw;
  width: 2vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.sageatastanga1 {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 35.8vw;
  left: 43.5vw;
  height: 3.3vw;
  width: 2vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.sageatadreapta1 {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 35.8vw;
  left: 52.5vw;
  height: 3.3vw;
  width: 2vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.numerotare1 {
  position: absolute;
  top: 36.4vw;
  left: 47.7vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 1.6vw;
  letter-spacing: 0;
  white-space: nowrap;
}

.ss{
  height: 2.5vw;
  position: absolute;
}

.sd{
  height: 2.5vw;
  position: absolute;
}
/*end-slide*/
/*newsletter*/
.newsletter {
  position: absolute;
  z-index: 1;
  width: 100vw;
  height: 51vw;
}

.fotonews1 {
  position: absolute;
  width: 100vw;
  height: 32vw;
  object-fit: cover;
}

.fotonews2 {
  display: none;
}

.chestionar {
  position: absolute;
  width: 72.6vw;
  height: 35vw;
  top: 16.2vw;
  left: 13vw;
}

.fundalnews {
  position: absolute;
  width: 72.6vw;
  height: 32vw;
  background-color: rgba(227, 239, 254, 1);
  border-radius: 0 6vw 6vw 6vw;
}

.formtitlu {
  position: absolute;
  width: 22vw;
  top: 3vw;
  left: 23.26vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 600;
  color: rgba(7, 15, 28, 1);
  font-size: 2vw;
}

.form1{
  position: relative;
  top: 6vw;
  left: 7vw;
}

.form1 table tr{
  height: 10vw;
}

.form2 {
  display: none;
}

.titluform{
  margin-left: 2.8vw;
  color: #000000;
  position: relative;
  width: 24vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  font-size: 1.6vw;
  line-height: 150%;
  white-space: nowrap;
  font-style: normal;
}

.textform {
  margin-left: 2.8vw;
  color: #818893;
  position: relative;
  width: 24.1vw;
  height: 4.8vw;
  border: 0.01vw solid;
  border-radius: 1.5vw 1.5vw 0 0;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  font-size: 1.4vw;
  line-height: 150%;
  white-space: nowrap;
  font-style: normal;
}

.success {
  position: relative;
  width: 34vw;
  left: 13vw;
  background-color: #9fd2a1;
  color: #326b07;
  text-align: center;
  border-radius: 1vw;
  font-size: 1.5vw;
  margin-bottom: 1vw;
}

.submit {
  transition-duration: 0.4s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  padding: 1.4vw 3vw;
  position: absolute;
  color: #ffffff;
  top: 23.7vw;
  left: 17vw;
  background-color: rgba(197, 38, 176, 1);
  border-radius: 0 1.5vw 1.5vw 1.5vw;
  border: none;
  cursor: pointer;
}

.submit:hover{
  background-color: white;
  transition-duration: 0.4s;
  color: rgba(197, 38, 176, 1);
  border: 0.02vw solid rgba(197, 38, 176, 1);
}

.submit:hover svg{
  fill: rgba(197, 38, 176, 1);
  transition-duration: 0.4s;
}

.submitxt {
  position: relative;
  width: fit-content;
  margin-top: -0.1vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 600;
  font-size: 1.8vw;
  white-space: nowrap;
}

.submit svg{
  width: 2vw;
  height: 2vw;
  fill: white;
  transition-duration: 0.4s;
}
/*endnewsletter*/
.newsletterfooter {
  position: relative;
  top: 26vw;
  height: 89vw;
}
}

/*nochanges*/
.meniu {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
}

.navbar {
  display: inline-flex;
  align-items: flex-start;
  gap: 36px;
  position: absolute;
  top: 3vw;
  left: 0;
}

.topbar{
  position: absolute;
  left: 0;
  top: -4vw;
  width: 100vw;
  text-align: center;
  table-layout: fixed;
}