@media (max-width: 767px) {
    .paragraph--type--hero.paragraph--view-mode--herovideo .header.flex {
        display: block!important;
        height: auto!important;
    }
}


@media (max-width: 767px) {
    .paragraph--type--hero.paragraph--view-mode--herovideo .header > .absolute {
        position: relative!important;
    }
}

@media (max-width: 767px) {
    .paragraph--type--hero.paragraph--view-mode--herovideo .header > .flex.items-center {
        align-items: flex-start!important;
    }
}

@media (max-width: 767px) {
    .paragraph--type--hero.paragraph--view-mode--herovideo .w-2\/3 {
      display: block!important;
        width: auto!important;
        background-color: #255c4e !important;
        text-align: left!important;
        padding: 40px 20px!important;
        min-width: 100%!important;
       
    }
}


.paragraph--type--hero.paragraph--view-mode--herovideo video[style*="min-height"] {
    min-height: unset!important;
}


.paragraph--type--hero.paragraph--view-mode--herovideo video[style*="min-width"] {
    min-width: unset !important;
}

.bullet-links a {font-size:16px!important;}

  /* footer mobile */
@media (max-width: 450px) {
  /* Styles to be applied when the viewport width is 450px or less */
  
.paragraph--type--hero.paragraph--view-mode--herovideo .header.flex p  {text-align:center!important;font-size:38px!important;padding:0!important;margin:-30px 0 -10px 0px!important;line-height:41px!important;}
p.mobile-margin {margin-top:60px!important;}
h3.mobile-margin {margin-top:40px!important;}
footer {
    text-align: center!important;
    float:none!important;
    
  }
 
}


/* Only apply on smaller viewports */
@media (max-width: 1200px) {
  /* Shrink the hero section */
  .paragraph--type--hero .header {
    height: auto !important;
    min-height: 0 !important;
  }

  /* Let the video size naturally instead of forcing 900px height */
  .paragraph--type--hero .bg-video__content {
    min-height: 0 !important;
    height: auto !important;
    width: 100%;
    object-fit: cover;
  }
}

/* Applies to all mid-size screens where height was collapsing */
@media (max-width: 1400px) {

  /* Let the hero shrink, but not too much */
  .paragraph--type--hero section.header.h-screen {
    height: auto !important;
    min-height: 60vh !important;   /* keeps it tall without forcing 100vh */
  }

  /* Make sure the video fills the hero naturally */
  .paragraph--type--hero section.header.h-screen .bg-video__content {
    width: 100%;
    height: 100%;
    min-height: 60vh !important;   /* same as container */
    object-fit: cover;
  }
}

/* Tablets / small laptops */
@media (max-width: 900px) {
  .paragraph--type--hero section.header.h-screen {
    min-height: 50vh !important;
    align-items: flex-start; /* don't hard-center vertically on short screens */
  }

  .paragraph--type--hero section.header.h-screen .bg-video__content {
    min-height: 50vh !important;
  }
}

/* Phones */
@media (max-width: 640px) {
  .paragraph--type--hero section.header.h-screen {
    min-height: 40vh !important;  /* shorter hero on phones */
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph--type--hero section.header.h-screen .bg-video__content {
    min-height: 40vh !important;
    height: auto;          /* let it shrink naturally */
  }
}

/* research section pull up */
@media (max-width: 640px) {
  .layout--onecol.mt-20 {
    margin-top: -30px !important; /* pulls tighter */
  }
  .layout--onecol section.mb-20 {
    margin-bottom: 80px !important;
  }
  
}

#block-tulane-tailwindcss-tulane-system-main .news-local-margin {margin-top:150px!important;}