@media screen and (min-width:20em) /*320px*/ { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 

  /*general*/
  .wrapa {position: relative;display: table;width: 100%;}
  .row  {display: table; height:auto;}
  .align-middle {display: table-cell; vertical-align: middle;}

  html, body {padding:0; margin:0; min-height: 1px; overflow-x:hidden;}
  .fullscreen-bg__video {display: none;}
  .p-text {font-family: "Farnham Disp Reg"; font-style: Normal; font-weight: normal; font-size: 1.85rem; color:#32374a;}
  .name {color:#293b91; font-size:2.8em; font-family: "Farnham Disp Med";font-style: Normal;font-weight: Normal;}
  .align-middle {display:flex;align-items:center;justify-content:center;}
  .class {color:#757575; font-family: "Farnham Disp Reg";font-style: Normal;font-weight: Normal;font-size:1.35rem; margin-bottom:2.0rem;}
  .desc-text {font-family: "Farnham Disp Reg";font-style: Normal;font-weight: Normal; font-size:1.25rem; line-height: 1.65rem; }
  #de {display:none;}
  .name {line-height: 2.9rem;}
  .down-arrow {display:none;}
  .small {display: inline;}
  .p-text {font-size: 1.45rem;}
  .menu-listing>ul, .menu-listing>ul>li {width:100%;}
  .menu-listing li { width:100%;}
  .menu-listing li a {background: #02020296;}
  .navbar-menu {width:100%;}
  .navbar-menu.active {text-align: center;}
  .navbar-menu.active {visibility: visible;transform: translateX(-10%);}
  .navbar-menu .menu-listing {padding-left:5em; text-align: center;}
  .class {font-size: 1.4rem;}
  #top {height:100vh;}
  .top-image-div {height:100vh;}
  .top-image-height {max-width:65vw;}
  #first, #second-text, #third-text, #fourth-text, #fifth-text, #sixth-text {padding: 3.1em 1.1em;}
  .mobile-quote, .mobile-quote-hattie {padding:1.0em 0em; width:100%;}  
  .mobile-quote-hattie {width:100%;}  

  #solomon { height:55vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/solomon/RosalindFoxSolomon_345x345.png'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #dorsey { height:55vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/dorsey/WarrenDorsey_345x345.png'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #sayre { height:55vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/sayre/JessieWoodrowWilson_345x345.png'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #komaroff { height:65vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/komaroff/LydiaVila-Komaroff_345x615.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hughes { height:55vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/hughes/SarahTilghmanHughes_345x615.png'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hattie { height:55vh;  color:fff;  background-image: url('/explore/notable-people/images/alexander/HattieAlexander_mobile.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #margaret {height:55vh;  color:fff;  background-image: url('/explore/notable-people/images/fishback/MargaretFishback_1080x875_mobile.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #ruddy {height:55vh;  color:fff;  background-image: url('/explore/notable-people/images/roye/RuddyRoye_1080x875_mobile.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #marguerite {height:55vh;  color:fff;  background-image: url('/explore/notable-people/images/barland/MargueriteBarland_1080x875-mobile.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #judy {height:55vh;  color:fff;  background-image: url('/explore/notable-people/images/devlin/JudyDevlin_1080x875_mobile.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  .desk-screen{display:none;}
  .small-text {display:inline-block; background-color:#111c50;}
  .top-image-div {background-image: url('/explore/notable-people/images/openingsequence_mobile-medium.jpg');  background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 
 
  
  
  /*Footer*/
 #footer{background-color: #fff;}
 #sub-footer{background-color: #262626;}
  .home-footer {background-image: url("https://www.goucher.edu/explore/notable-people/images/mobile-footer-image.jpg"); background-size:cover;}
  #foot-texts { font-size:2.5em; color:#fff; 	font-family:'Farnham Disp Reg'; padding:120px 0px; }
  #foot-texts a,   #foot-texts a:hover,   #foot-texts a:active,   #foot-texts a:visited {color:#fff;}
  .foot-slide {margin:2rem 0 0 0;}
  .slide {padding:0 1rem; }
  .slide img {border:.75rem white solid;}
  .slick-prev.slick-arrow {left:-120px;}
  .slick-next.slick-arrow {right:-130px;}
  .goucher-footer-image {width:15rem; margin:2rem 0 1.25rem 0;}
  #copyright {color:#777; font-size:.85rem; margin-bottom:2em;}
  
}





@media (min-width:30em)/*480px*/{ /* smartphones, Android phones, landscape iPhone */ #foot-texts { font-size:2.0em;}
.home-footer {background-image: url("https://www.goucher.edu/explore/notable-people/images/mobile-footer-image.jpg"); background-size:cover;}
}
/*@media screen and (orientation: landscape) {#solomon {height:150vh;}
}*/

@media (min-width:37.5em) /*600px*/{ /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {/*.image-height{height:45vh;}*/
  .class {font-size: 1.6em; /*line-height: 2.5em;*/}
  .name {color:#293b91; font-size:3.2em;}
  #foot-texts {font-size:3.0em;}
  #hattie, #margaret, #ruddy, #marguerite, #judy {height:65vh;}
  .mar-image-height, .rud-image-height,.bar-image-height, .dev-image-height {height:45vh;/*margin-bottom:250px;*/}

} 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) 
and (orientation: portrait) {
  #top {display: block; height:100vh;position: relative;}
  .fullscreen-bg__video {display:inline;}
  .small {display:none;}
  .small-text {display:none;}
  .desk-screen{display:inline-block;}
  .image-div {height:45vh;}
  .top-image-div {height:100vh;}
.class {font-size: 1.6em;}
  .name {color:#293b91; font-size:3.2em;}
  .image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-heigh-solomon {/*height:45vh;*/width:100vw;}
  #solomon { height:45vh; color:fff; background-image: url('https://www.goucher.edu/explore/notable-people/images/solomon/RosalindFoxSolomon_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #dorsey { height:45vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/dorsey/WarrenDorsey_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #sayre { height:45vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/sayre/JessieWoodrowWilson_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #komaroff { height:45vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/komaroff/LydiaVilla-Komaroff_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hughes { height:45vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/hughes/SarahTilghmanHughes_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hattie { height:65vh;  color:fff;  background-image: url('/explore/notable-people/images/alexander/HattieAlexander_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #margaret {height:65vh;  color:fff;  background-image: url('/explore/notable-people/images/fishback/MargaretFishback_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #ruddy {height:65vh;  color:fff;  background-image: url('/explore/notable-people/images/roye/RuddyRoye_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #marguerite {height:65vh;  color:fff;  background-image: url('/explore/notable-people/images/barland/margueriteBarland_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #judy {height:65vh;  color:fff;  background-image: url('/explore/notable-people/images/devlin/judyDevlin_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  .second-image, .third-image, .fourth-image, .fifth-image, .sixth-image {/*min-width:100%; max-width:100%; height:auto;padding: 0 0 0 5.0rem;*/  max-height: 100vh; }
  .align-right {height:100vh; right:0;}
  .fullscreen-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -100;min-width:100%;}
  .top-image-div {background-image: none;  background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  video {object-fit: cover;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}
  .down-arrow { display:inline-block; width: 49px; height: 49px; position: absolute;bottom:50px;left: 0;right: 0;margin: auto;z-index: 9;border-radius: 50%;-webkit-transition: background-color 0.25s ease-in-out;transition: background-color 0.25s ease-in-out;}
  .bounce {
      animation: bounce 3s infinite;
    }

  }



@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) 
and (orientation: landscape){   }

  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
     /* .image-height, .image-height-solomon, .image-height-warren  {margin-bottom:450px; max-height:65vh;}
    .image-height-komaroff {margin-bottom:600px; max-height:65vh;}  */
    #dorsey { height:65vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/dorsey/WarrenDorsey_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }} /* your css rules for ipad landscape */
    }



@media (min-width:50.0625em) /*801px{ /* tablet, landscape iPad, lo-res laptops ands desktops */{ 
  #top {display: block; height:100vh;position: relative;}
  .fullscreen-bg__video {display:inline;}
  .small {display:none;}
  .small-text {display:none;}
  .desk-screen{display:inline-block;}
  .image-div {height:65vh;}
  .top-image-div {height:100vh;}
        .class {font-size: 1.6em;}
  .name {color:#293b91; font-size:3.2em;}


 /*orginal value - height:65vh;*/
  #solomon { height:65vh; color:fff; background-image: url('https://www.goucher.edu/explore/notable-people/images/solomon/RosalindFoxSolomon_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #dorsey { height:65vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/dorsey/WarrenDorsey_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #sayre { height:65vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/sayre/JessieWoodrowWilson_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #komaroff { height:65vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/komaroff/LydiaVilla-Komaroff_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hughes { height:65vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/hughes/SarahTilghmanHughes_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hattie { height:45vh;  color:fff;  background-image: url('/explore/notable-people/images/alexander/HattieAlexander_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #margaret {height:45vh;  color:fff;  background-image: url('/explore/notable-people/images/fishback/MargaretFishback_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #ruddy {height:45vh;  color:fff;  background-image: url('/explore/notable-people/images/roye/RuddyRoye_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #marguerite {height:45vh;  color:fff;  background-image: url('/explore/notable-people/images/barland/margueriteBarland_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #judy {height:45vh;  color:fff;  background-image: url('/explore/notable-people/images/devlin/judyDevlin_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  .second-image, .third-image, .fourth-image, .fifth-image, .sixth-image {/*min-width:100%; max-width:100%; height:auto;padding: 0 0 0 5.0rem;*/  max-height: 100vh; }
  .align-right {height:100vh; right:0;}
  .fullscreen-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -100;min-width:100%;}
  .top-image-div {background-image: none;  background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  video {object-fit: cover;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}
  .down-arrow { display:inline-block; width: 49px; height: 49px; position: absolute;bottom:50px;left: 0;right: 0;margin: auto;z-index: 9;border-radius: 50%;-webkit-transition: background-color 0.25s ease-in-out;transition: background-color 0.25s ease-in-out;}
  .bounce {
      animation: bounce 3s infinite;
    }
    .home-footer {background-image: url("https://www.goucher.edu/explore/notable-people/images/NotablePeople_Discover-background-v1.jpg"); background-size:cover;}
  #foot-texts { font-size:4.0em;}
  

}



@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait){#solomon, #dorsey, #sayre, #komaroff, #hughes {
  height: 45vh;} 
  .image-div {height:45vh;}
  .warren-left, .warren-right {width:65%}}


@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape){.warren-left, .warren-right {width:65%}}


@media (min-width:64.0625em)/*1025px*/ { /* big landscape tablets, laptops, and desktops */ 
/*.image-height-sayre,  .image-height-komaroff, .image-height-hughes, .image-height-warren, .image-height-solomon {height:100vh;}*/
  .top-image-height {height:65vw; max-height:65vh;}
  .image-height, .mar-image-height, .rud-image-height, .bar-image-height, .dev-image-height { max-height:100vh; /*max-width:100vw;*/}
  .warren-left, .warren-right {width:65%}
  #first, #second-text, #third-text, #fourth-text, #fifth-text, #sixth-text { background-color:fff; padding:4.0rem 0;}
  .image-div {height:100vh;}
  .top-image-div {height:100vh;}
  /*.image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-heigh-solomon {height:100vh;}*/
  #solomon { height:100vh; color:fff; background-image: url('https://www.goucher.edu/explore/notable-people/images/solomon/RosalindFoxSolomon_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #dorsey { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/dorsey/WarrenDorsey_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #sayre { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/sayre/JessieWoodrowWilson_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #komaroff { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/komaroff/LydiaVilla-Komaroff_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hughes { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/hughes/SarahTilghmanHughes_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hattie { height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/alexander/HattieAlexander_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #margaret {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/fishback/MargaretFishback_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #ruddy {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/roye/RuddyRoye_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #marguerite {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/barland/margueriteBarland_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #judy {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/devlin/judyDevlin_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  .second-image, .third-image, .fourth-image, .fifth-image, .sixth-image {/*min-width:100%; max-width:100%; height:auto;padding: 0 0 0 5.0rem;*/  max-height: 100vh; }
  .align-right {height:100vh; right:0;}
  .fullscreen-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -100;min-width:100%;}
  .top-image-div {background-image: none;  background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  video {object-fit: cover;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}
  .down-arrow { display:inline-block; width: 49px; height: 49px; position: absolute;bottom:50px;left: 0;right: 0;margin: auto;z-index: 9;border-radius: 50%;-webkit-transition: background-color 0.25s ease-in-out;transition: background-color 0.25s ease-in-out;}
}

@media screen and (min-width: 1900px) {
  #solomon {
    max-width: 2500px;
    margin:0 auto;
  }
}

@media screen and (max-device-width: 480px) and (orientation:portrait) {}
} 
 
/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {#solomon {height:150vh; background-image: url('https://www.goucher.edu/explore/notable-people/images/solomon/RosalindFoxSolomon_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.top-image-height {width:35vw;}
}

@media screen and (min-width:20em) and (orientation:landscape) {.top-image-height {/*width:35vw; height: auto;*/position: relative;}
.image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-height-solomon {max-height:100vh;}
#solomon { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/solomon/RosalindFoxSolomon_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#dorsey { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/dorsey/WarrenDorsey_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #sayre { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/sayre/JessieWoodrowWilson_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #komaroff { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/komaroff/LydiaVilla-Komaroff_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hughes { height:100vh;  color:fff;  background-image: url('https://www.goucher.edu/explore/notable-people/images/hughes/SarahTilghmanHughes_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #hattie { height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/alexander/HattieAlexander_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #margaret {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/fishback/MargaretFishback_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #ruddy {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/roye/RuddyRoye_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #marguerite {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/barland/margueriteBarland_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
  #judy {height:100vh;  color:fff;  background-image: url('/explore/notable-people/images/devlin/judyDevlin_1920x1080.jpg'); background-repeat: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.small {display:none;}
.small-text {display:none;}
.desk-screen{display:inline-block;}

}   

@media only screen
and (min-device-width: 810px)
and (max-device-width: 810px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes { height:45vh;}

 

}

@media only screen
and (min-device-width: 810px)
and (max-device-width: 810px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes { height:65vh;}
  .image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-height-solomon {height:65vh}
 

}




/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1080px)
and (max-device-width: 1080px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes{ height:65vh; }
  .image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-height-solomon {height:65vh;}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes{ height:65vh; }
  .image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-height-solomon {height:65vh}

}


/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes{ height:65vh; }
	.image-height-hughes, .image-height-komaroff, .image-height-warren, .image-height-sayre, .image-height-solomon {height:65vh}

}


@media only screen
and (min-device-width: 1620px)
and (max-device-width: 1620px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes{ height:45vh; }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 2160px)
and (max-device-width: 2160px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes { height:45vh;}

}

@media only screen
and (min-device-width: 1668px)
and (max-device-width: 1668px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes { height:45vh; }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 2388px)
and (max-device-width: 2388px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes { height:45vh;}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 2732px)
and (max-device-width: 2732px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #solomon, #dorsey, #sayre, #komaroff, #hughes { height:45vh;}

}