@media (orientation: portrait) {
  .contenedorSliderIntImg1 {
    background-image: url(../img/portada/empanada-vert.jpg);
    width: 80vw !important; }

  .contenedorSliderIntImg2 {
    background-image: url(../img/portada/arroz-ver.jpg);
    width: 80vw !important; }

  .contenedorSliderIntImg3 {
    background-image: url(../img/portada/galeria-ver.jpg);
    width: 80vw !important; }

  .contenedorSliderIntImg4 {
    background-image: url(../img/portada/proximo-ver-new.jpg);
    width: 80vw !important; }

  .contenedorSlider {
    height: 70vh !important; }

  .imagenSlider {
    background-image: url(../img/portada/CM0001080X1920opacityblack.png); }

  .menuMarineroBotones {
    justify-content: flex-end; }

  .menuMarinero {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center; }

  .contenedorSliderVideo {
    height: 100%;
    width: auto; }

  .contenedorSlider {
    height: auto;
    width: 100vw; }

  .containerModalCocinero {
    padding: 0.3em !important;
    width: 100%; }

  .containerModalCocinero > div {
    padding: 0.3em !important;
    flex-direction: column;
    justify-content: flex-start; }

  .containerCocinero {
    flex-direction: column;
    justify-content: flex-start; }

  .containerCocineroImg {
    width: 100%; }

  .textCocinero {
    width: 100%; } }
@media (max-width: 600px) and (orientation: portrait) {
  body {
    font-size: 16px !important; }

  .menuMarineroBotones {
    justify-content: center; }

  .menuMarinero {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }

  .logoMarinero {
    width: 50vw !important;
    height: auto;
    max-height: none;
    max-width: none;
    padding: 0.4em !important; }

  .btn-marinero {
    padding: 0.4em !important;
    font-size: 0.9em !important; }

  .btn-marinero-inv {
    padding: 0.4em !important;
    font-size: 0.9em !important; } }
@media (max-width: 400px) and (orientation: portrait) {
  body {
    font-size: 14px !important; } }
@media (max-width: 900px) and (orientation: landscape) {
  body {
    font-size: 14px !important; }

  .logoMarinero {
    width: 50vw !important;
    height: auto;
    max-height: none;
    max-width: none;
    padding: 0.3em !important; }

  .menuMarineroBotones > button {
    font-size: 1em !important; }

  .btn-marinero {
    padding: 0.4em !important;
    font-size: 0.9em !important; }

  .btn-marinero-inv {
    padding: 0.4em !important;
    font-size: 0.9em !important; }

  .modal-footer, .modal-header {
    padding: 0.2em !important; } }
@media (max-width: 600px) and (orientation: landscape) {
  body {
    font-size: 12px !important; }

  .containerModalCocinero {
    padding: 0.3em !important;
    width: 100%; }

  .containerModalCocinero > div {
    padding: 0.3em !important;
    flex-direction: column;
    justify-content: flex-start; }

  .containerCocinero {
    flex-direction: column;
    justify-content: flex-start; }

  .containerCocineroImg {
    width: 100%; }

  .textCocinero {
    width: 100%; }

  .modal {
    background-color: #ffffff !important; } }
@media (max-width: 350px) and (orientation: landscape) {
  body {
    font-size: 10px !important; } }