@import 'colors.css';

@media (min-width: 1080px) {
   .sect-photo-initial-descripcion {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-image: url("../media/imagen descripcion del plan.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 600px;
      margin-top: 130px;
      scroll-margin-top: 130px;
   }
}

@media (min-width: 600px) and (max-width:1079px) {
   .sect-photo-initial-descripcion {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      background-image: url("../media/imagen descripcion del plan.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 400px;
      margin-top: 15.5%;
      scroll-margin-top: 15.5%;
   }
}

@media (max-width: 599px) {
   .sect-photo-initial-descripcion {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-image: url("../media/imagen descripcion del plan.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 400px;
      margin-top: 130px;
      scroll-margin-top: 130px;
   }
}

@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {
   .sect-photo-initial-descripcion {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-image: url("../media/imagen descripcion del plan.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 100%;
      height: 400px;
      margin-top: 12%;
      scroll-margin-top: 12%;
   }
}