SU-SWS/stanford_profile_helper

.su-hero{position:relative}@media only screen and (min-width:768px){.su-hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;min-height:320px}}@media only screen and (min-width:992px){.su-hero{min-height:409px}}@media only screen and (min-width:1200px){.su-hero{min-height:520px}}.su-hero .su-hero__card{background:#fff;position:relative;z-index:10}@media only screen and (min-width:768px){.su-hero .su-hero__card{left:45px;margin-bottom:45px;margin-top:45px;max-width:400px}}@media only screen and (min-width:992px){.su-hero .su-hero__card{max-width:450px}}@media only screen and (min-width:1200px){.su-hero .su-hero__card{bottom:48px;left:48px;margin-bottom:0;margin-top:96px;max-width:450px;top:auto}}.su-hero__media{background:#2e2d29;height:100%;overflow:hidden;width:100%}@media only screen and (min-width:768px){.su-hero__media{min-height:320px;position:absolute}}@media only screen and (min-width:992px){.su-hero__media{min-height:409px;position:absolute}}@media only screen and (min-width:1200px){.su-hero__media{min-height:520px;position:absolute}}.su-hero__media img,.su-hero__media picture{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%}.su-hero--caption .su-hero__card,.su-hero__content{display:none}@media only screen and (min-width:768px){.su-hero--caption .su-hero__media{max-height:320px;position:relative}}@media only screen and (min-width:992px){.su-hero--caption .su-hero__media{max-height:409px;position:relative}}@media only screen and (min-width:1200px){.su-hero--caption .su-hero__media{max-height:520px;position:relative}}.su-hero--caption .su-hero__content{clear:both;display:block;margin:0 auto;padding-top:1.1rem;text-align:right}@media only screen and (min-width:0){.su-hero--caption .su-hero__content{max-width:calc(100% - 40px);width:calc(100% - 40px)}}@media only screen and (min-width:576px){.su-hero--caption .su-hero__content{max-width:calc(100% - 60px);width:calc(100% - 60px)}}@media only screen and (min-width:768px){.su-hero--caption .su-hero__content{max-width:calc(100% - 100px);width:calc(100% - 100px)}}@media only screen and (min-width:992px){.su-hero--caption .su-hero__content{max-width:calc(100% - 160px);width:calc(100% - 160px)}}@media only screen and (min-width:1200px){.su-hero--caption .su-hero__content{max-width:calc(100% - 200px);width:calc(100% - 200px)}}@media only screen and (min-width:1500px){.su-hero--caption .su-hero__content{max-width:1500px;width:calc(100% - 200px)}}@media only screen and (min-width:768px){.su-hero--caption .su-hero__content{padding-top:1.2rem}}@media only screen and (min-width:1500px){.su-hero--caption .su-hero__content{padding-top:1.3rem}}.su-hero--caption .su-hero__content p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#53565a;font-size:1.4rem;line-height:1.3}@media only screen and (min-width:768px){.su-hero--caption .su-hero__content p{font-size:1.6rem}}.su-hero--caption .su-hero__content-inner{float:right}.su-hero--caption .su-hero__content-inner>:last-child{margin-bottom:0}@media only screen and (min-width:992px){.su-hero--caption .su-hero__content-inner{width:596px}}@media only screen and (min-width:1200px){.su-hero--caption .su-hero__content-inner{width:720px}}@media only screen and (min-width:1500px){.su-hero--caption .su-hero__content-inner{width:900px}}.su-hero--youtube{min-height:208px}@media only screen and (min-width:768px){.su-hero--youtube{min-height:320px}}@media only screen and (min-width:992px){.su-hero--youtube{min-height:409px}}@media only screen and (min-width:1200px){.su-hero--youtube{min-height:520px}}.su-hero--youtube .su-hero__media iframe{width:100%}@media only screen and (min-width:768px){.su-hero--youtube .su-hero__media iframe{height:100%}}.su-hero .su-hero__media .image,.su-hero .su-hero__media .media,.su-hero .su-hero__media>article,.su-hero .su-hero__media>div{height:100%}@media only screen and (min-width:768px){.overlay-right .su-hero .su-hero__card{left:unset;margin-left:auto;right:45px}}@media only screen and (min-width:1200px){.overlay-right .su-hero .su-hero__card{right:48px}}