@media only screen and (max-width: 430px) {
/*mailmulte*/ 
.evenimente {
  position: relative;
  width: 100vw;
  height: 150vw;
  top: 8vw;
}

.maimulte {
  position: absolute;
  top: -1vw;
  left: 1vw;
  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: 63vw;
  top: 79vw;
  left: 6vw;
  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;
}

.sageatastanga {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  bottom: -26.5vw;
  left: 39.3vw;
  height: 7.3vw;
  width: 4.5vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

.sageatadreapta {
  cursor: pointer;
  position: absolute;
  padding: 0.4vw;
  bottom: -26.5vw;
  left: 53.2vw;
  height: 7.3vw;
  width: 4.5vw;
  transition: 0.6s ease;
  border-radius: 0.5vw;
  user-select: none;
}

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

.sd{
  height: 6.5vw;
  position: absolute;
}

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

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

.mySlides{
  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;
  bottom: -25vw;
  left: 44.5vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 5vw;
  letter-spacing: 0;
  white-space: nowrap;
}
/*endmaimulte*/
}




@media only screen and (min-width: 431px) {
/*mailmulte*/ 
.evenimente {
  position: relative;
  width: 100vw;
  height: 43vw;
  top: -12vw;
}

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

.chenare {
  position: relative;
  width: 48vw;
  height: 35vw;
  margin-right: 1vw;
  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: 15vw;
  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: 10vw;
  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;
}

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

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

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

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

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

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

.mySlides{
  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;
  bottom: -4vw;
  left: 47.5vw;
  font-family: "Raleway-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 1.6vw;
  letter-spacing: 0;
  white-space: nowrap;
}
/*endmaimulte*/
}