body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

@media only screen and (max-width: 430px) {
.desprenoi {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  position: relative;
  background-color: #ffffff;
  height: 951vw;
}
/*descrieredn*/
.detalii {
  position: absolute;
  width: 100vw;
  height: 45.5vw;
  top: 21vw;
  left: 0;
}
r
.dreptunghi{
  width: 100vw;
  height: 169vw;
  background-color: #E3EFFE;
}

.triunghis{
  border-top: 84.5vw solid transparent;
  border-left: 9vw solid #ffffff;
  border-bottom: 84.5vw solid transparent;
  position: relative;
  top: -170vw;
}

.triunghid{
  border-top: 84.5vw solid transparent;
  border-right: 9vw solid #ffffff;
  border-bottom: 84.5vw solid transparent;
  position: relative;
  top: -340vw;
}

.logoait {
  position: absolute;
  width: 36.3vw;
  height: 44vw;
  top: 146.6vw;
  left: 31.8vw;
  object-fit: cover;
}

.titludn {
  text-align: center;
  position: absolute;
  width: 66vw;
  top: 8vw;
  left: 16vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 7vw;
  line-height: 150%;
  font-style: normal;
}

.prezentare {
  text-align: center;
  position: absolute;
  width: 70vw;
  top: 51.3vw;
  left: 15vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 4.7vw;
  line-height: 120%;
  font-style: normal;
}

.galerie1 {
  position: relative;
  width: 100vw;
  height: 330vw;
  top: 220vw;
}

.galerie2 {
  display: none;
}
/*enddescriere*/
/*listamembri*/
.membri {
  position: relative;
  width: 100vw;
  height: 100vw;
  top: 228vw;
}

.membrititlu {
  text-align: center;
  position: absolute;
  width: 60vw;
  left: 20vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 6vw;
  line-height: 150%;
  font-style: normal;
}

/*slide*/
* {box-sizing:border-box}

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

.slideshow-container {
  display: none;
}

.mySlides1{
  display:none;
}

.mySlides2{
  display:none;
}

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

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

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

.numerotare1 {
  position: absolute;
  top: 118vw;
  left: 36vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 5vw;
  letter-spacing: 0;
  white-space: nowrap;
}
  
.sageatastanga {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  top: 117vw;
  left: 30vw;
  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: 117vw;
  left: 52vw;
  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*/

.tabel{
  position: relative;
  top: 40vw;
  left: 1vw;
}

.membruframe {
  padding: 2vw;
  position: relative;
  width: 23.7vw;
  height: 39.8vw;
}

.membruimg {
  position: absolute;
  width: 65.1vw;
  height: 65.1vw;
  top: 1vw;
  left: 11vw;
  object-fit: cover;
  border-radius: 4.8vw;
}

.descriere {
  position: absolute;
  top: 73vw;
  left: 0;
}

.nume {
  text-transform: uppercase;
  position: absolute;
  left: 11vw;
  width: 22vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 600;
  color: rgba(197, 38, 176, 1);
  font-size: 6vw;
  letter-spacing: 0;
  white-space: nowrap;
}

.functie{
  position: absolute;
  width: 80vw;
  top: 5vw;
  left: 11vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 4.5vw;
  line-height: 6vw;
}

.linie {
  width: 66vw;
  top: 23vw;
  left: 11vw;
  position: absolute;
  height: 0.1vw;
  object-fit: cover;
  background-color: #000000;
}

.retele {
  gap: 8vw;
  display: inline-flex;
  position: absolute;
  width: 15vw;
  height: 3vw;
  top: 29vw;
  left: 11vw;
}

.IG {
  position: relative;
  width: 7vw;
}

.EM {
  position: relative;
  width: 8vw;
}

.FB {
  position: relative;
  width: 4vw;
}

.TT {
  position: relative;
  width: 6vw;
}

.LI {
  position: relative;
  top: -0.8vw;
  width: 7vw;
}
/*endlistamembri*/
}

@media only screen and (min-width: 431px) {
.desprenoi {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  position: relative;
  background-color: #ffffff;
  height: 285vw;
}
/*descrieredn*/
.detalii {
  position: absolute;
  width: 100vw;
  height: 45.5vw;
  top: 10.6vw;
  left: 0;
}

.dreptunghi{
  width: 100vw;
  height: 45.5vw;
  background-color: #E3EFFE;
}

.triunghis{
  border-top: 22.7vw solid transparent;
  border-left: 16.8vw solid #ffffff;
  border-bottom: 22.7vw solid transparent;
  position: relative;
  top: -45.4vw;
}

.triunghid{
  border-top: 22.7vw solid transparent;
  border-right: 16.8vw solid #ffffff;
  border-bottom: 22.7vw solid transparent;
  position: relative;
  top: -90.7vw;
  left: -1vw;
}

.logoait {
  position: absolute;
  width: 30.3vw;
  height: 36vw;
  top: 4.6vw;
  left: 65.8vw;
  object-fit: cover;
}

.titludn {
  position: absolute;
  width: 49vw;
  top: 3.15vw;
  left: 13.8vw;
  font-family: "Raleway-Bold", Helvetica;
  font-weight: 700;
  color: rgba(50, 101, 179, 1);
  font-size: 3vw;
  line-height: 150%;
  font-style: normal;
}

.prezentare {
  position: absolute;
  width: 36vw;
  top: 19.3vw;
  left: 19vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 1.47vw;
  line-height: 150%;
  font-style: normal;
}

.galerie1 {
  display: none;
}

.galerie2 {
  position: relative;
  top: 60vw;
  left: -0.5vw;
  width: 100vw;
  height: 78vw;
}
/*enddescriere*/
/*listamembri*/
.membri {
  position: relative;
  width: 100vw;
  height: 100vw;
  top: 60vw;
}

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

/*slide*/
* {box-sizing:border-box}

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

.slideshow-container1 {
  display: none;
}

.mySlides1{
  display:none;
}

.mySlides2{
  display:none;
}

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

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

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

.numerotare {
  position: absolute;
  width: fit-content;
  top: 97.3vw;
  left: 47.9vw;
  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: 96.8vw;
  left: 45.5vw;
  height: 3.3vw;
  width: 2vw;
  transition: 0.6s ease;
  border-radius: 3px;
  user-select: none;
}

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

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

.sd{
  height: 2.5vw;
  position: absolute;
}
/*endslide*/

.tabel{
  position: relative;
  top: 15.4vw;
  left: 1vw;
}

.membruframe {
  padding: 2vw;
  position: relative;
  width: 23.7vw;
  height: 39.8vw;
}

.membruimg {
  position: absolute;
  width: 22.1vw;
  height: 22.1vw;
  top: 0;
  left: 0vw;
  object-fit: cover;
  border-radius: 4.8vw;
}

.descriere {
  position: absolute;
  top: 23.7vw;
  left: 0;
}

.nume {
  text-transform: uppercase;
  position: absolute;
  width: 22vw;
  font-family: "Raleway-SemiBold", Helvetica;
  font-weight: 600;
  color: rgba(197, 38, 176, 1);
  font-size: 2.4vw;
  letter-spacing: 0;
}

.functie{
  position: absolute;
  width: 21vw;
  top: 3.2vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: rgba(7, 15, 28, 1);
  font-size: 1.5vw;
  line-height: 2vw;
}

.linie {
  width: 21.9vw;
  top: 11vw;
  position: absolute;
  height: 0.1vw;
  object-fit: cover;
  background-color: #000000;
}

.retele {
  position: absolute;
  gap: 2vw;
  display: inline-flex;
  width: 15vw;
  height: 2vw;
  top: 12.2vw;
}

.IG {
  position: relative;
}

.EM {
  position: relative;
}

.FB {
  position: relative;
}

.TT {
  position: relative;
}

.LI {
  position: relative;
  width: 1.4vw;
  left: -0.4vw;
  top: -0.1vw;
}

/*endlistamembri*/
}

/*nochanges*/


.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;
}

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