@media screen and (max-width:768px) and (min-width:300px) {
div.two-column-wrapper-video {
display: flex;
    max-width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-top: 0em;
    margin-top: 0em;
margin-left: 0em;
    margin-bottom: 1em;
}
}
 
@media screen and (max-width:768px) and (min-width:300px) {
div.column-one-video {
    width: 100%;
    margin-right: 0em;
} 
}
 
@media screen and (max-width:768px) and (min-width:300px) {
div.column-two-video {
    width: 100%;
    margin-top: -20em;
} 
}


.two-column-wrapper-video {
    display: flex;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: -2em;
    margin-top: -4.5em;
margin-left: 5.5em;
    margin-bottom: -6.55em;
}

.column-one-video {
    width: 44.3%;
    margin-right: 1.70em;
}

.column-two-video {
    width: 44.3%;
    margin-top: -.60em;
} 



/*
.region-content-blocks {
margin: 0;
    padding: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1175px;
    position: relative;
}*/

.node-type-landing-page .group-outer-wrapper .inner-wrapper .landing-anchor a {
    color: #fff;
    font-weight: 400;
    /* z-index: 2; */
    top: 35%;
    left: 55px;
    left: 5.5rem;
}

.node-type-landing-page .field--section-description {
    width: 100%;
    margin-bottom: 40px;
    margin-bottom: 4rem;
}


    
/*======= MOBILE ==========*/

@media screen and (max-width:960px) and (min-width:300px) {
.node-type-landing-page .group-outer-wrapper .inner-wrapper .landing-anchor a {
    color: #00356b;
    font-weight: 400;
    /* z-index: 2; */
    top: 35%;
    left: 55px;
    left: 5.5rem;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
.video-block {
        margin-bottom: -11.5em;
    margin-top: -6em;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
  div.blocks-row-white {
     background-image: none;
     opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 1.25em;
    padding-bottom: 1.5em;
    height: auto;
    margin-top: -7em;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
    div.blocks-row-white .three-column1 {
    width: 100%;
    margin-right: 0em;
    margin-bottom: -0.7em;
    margin-top: 1em;
    float: left;
    text-align: center;
    vertical-align: top;
    line-height: 2.6rem;
    padding-left: 0.7em;
    padding-right: 0.7em;
}
}
 
@media screen and (max-width:768px) and (min-width:300px) {
div.blocks-row-white .three-column-wrapper1 {
    margin-left: 0.7em;
    margin-right: 0.7em;
    display: flex;
    max-width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
}
}
 
@media screen and (max-width:768px) and (min-width:300px) {
div.multiple-blocks-row-white .three-column-wrapper1 {
    margin-left: 0.7em;
    margin-right: 0.7em;
    display: flex;
    max-width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
}
}


@media screen and (max-width:768px) and (min-width:300px) {
div.blocks-row-white .white-header {
    color: #00356b;
    margin-left: 0.5em;
    margin-top: 2.75em;
    margin-bottom: -0.75em;
}
}
 
@media screen and (max-width:768px) and (min-width:300px) {
div.multiple-blocks-row-white {
    background-image: none;
   height: auto;
    background-position: center;
    background-repeat: none;
   background-size: none;
}
}
 
@media screen and (max-width:1200px) and (min-width:769px) {
div.multiple-blocks-row-white .three-column1 {
    width: 46%;
    margin-right: 1.5em;
    margin-bottom: 1.25em;
    margin-top: 1em;
    float: left;
    text-align: center;
    vertical-align: top;
    line-height: 2.6rem;
    padding-left: 0.7em;
    padding-right: 0.7em;
}
}
 
@media screen and (max-width:768px) and (min-width:300px) {
div.multiple-blocks-row-white .three-column1 {
    width: 100%;
    margin-right: 0em;
    margin-bottom: 0.25em;
    margin-top: 0.5em;
    margin-left: 0em;
    float: none;
    text-align: center;
    line-height: 2.6rem;
}
}


@media screen and (max-width:1200px) and (min-width:769px) {
div.multiple-blocks-row-white .three-column-wrapper1 {
    margin-left: 3em;
    display: flex;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
}


@media screen and (max-width:768px) and (min-width:300px) {
.blocks-row-white .three-column1 {
    width: 100%;
    margin-right: 0em;
    margin-bottom: -0.7em;
    margin-top: 1em;
    float: left;
    text-align: center;
    vertical-align: top;
    line-height: 2.6rem;
    padding-left: 0.7em;
    padding-right: 0.7em;
}
}

@media screen and (max-width:1200px) and (min-width:769px) {
div.search-hr .three-column-wrapper1 {
      margin-left: 0.7em;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
    .search-hr .three-column-wrapper1 {
    margin-left: 0.7em;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
.search-hr  {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
    .multiple-blocks-row-blue .three-column-wrapper1 {
margin-left: 0.5em;
margin-right: 0.5em;
display: flex;
max-width: 100%;
flex-wrap: nowrap;
flex-direction: column;
}
}

@media screen and (max-width:1200px) and (min-width:769px){
    .multiple-blocks-row-blue .three-column-wrapper1 {
    margin-left: 0.3em;
    display: flex;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
.multiple-blocks-row-blue .three-column1 {
    width: 100%;
    margin-right: 0em;
    margin-bottom: 1.25em;
    margin-top: 1em;
    margin-left: 0em;
    float: none;
    text-align: center;
    line-height: 2.6rem;
    padding-left: 0em;
    padding-right: 0em;
}
}

@media screen and (max-width:1200px) and (min-width:769px){
.multiple-blocks-row-blue .three-column1 {
    width: 46%;
    margin-right: 1.5em;
    margin-bottom: 1.25em;
    margin-top: 1em;
    float: left;
    text-align: center;
    vertical-align: top;
    line-height: 2.6rem;
    padding-left: 0.7em;
    padding-right: 0.7em;
}
}

@media screen and (max-width:1200px) and (min-width:300px) {
.multiple-blocks-row-blue img {
width: 100%;
height: auto;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
.multiple-blocks-row-blue .blue-header {
 color: #63aaff;
 padding-top: 1.25em;
 margin-left: 0.5em;
 margin-bottom: -1.25em;
}
}

@media screen and (max-width:1200px) and (min-width:769px){
.multiple-blocks-row-blue .blue-header {
 color: #63aaff;
 padding-top: 1.25em;
 margin-left: 0.7em;
 margin-bottom: -1.25em;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
div.two-column-wrapper {
    margin-left: 0em;
    margin-top: -3em;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-top: 2.25em;
    padding-bottom: 2.25em;
    text-align: center;
}
}
 
@media screen and (max-width:768px) and (min-width:300px) {
.two-column-block .column-one {
    width: 100%;
} 
}
 
@media screen and (max-width:768px) and (min-width:300px) {
.two-column-block .column-two {
    width: 100%;
} 
}


/*======= END MOBILE ==========*/


/*======= SEARCH BAND ==========*/

.three-column-wrapper1 {
    margin-left: 5.4em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    
.three-column1 {
    width: 28.90%;
    margin-right: 1.50em;
    margin-bottom: 1.25em;
    margin-top: 1em;
    float: left;
    text-align: center;
    vertical-align: top;
    line-height: 2.6rem;
        padding-left: 0.7em;
    padding-right: 0.7em;
}

/*======= SEARCH  ==========*/


.search-hr {
margin-top: -3.25em;
margin-bottom: -1.25em;
}


/*======= VIDEO BAND ==========*/

@media only screen and (max-width: 740px) {
.vp-center {
    display: flex;
    align-items: none;
    justify-content: center;
}
}

/*======= THREE COLUMN BLOCKs ==========*/
.multiple-blocks-row-white .three-column1 {
    background-color: #f2f2f2e2; 
}


.multiple-blocks-row-blue .reverse-cap {
    text-transform: uppercase;
    color: #63aaff;
    margin-left: 3.5em;
    padding-top: 2em;
    margin-bottom: -1.25em;
    font-size: 1.70em;
    font-weight: 600;
}

.multiple-blocks-row-blue {
background-color: #00356b;
}

.blue-header {
    color: #63aaff;
    padding-top: 1.25em;
    margin-left: 3.3em;
    margin-bottom: -1.25em;
}

.multiple-blocks-row-blue h3 {
color: #63aaff;
}

.multiple-blocks-row-blue p {
color: #fff;
}

.multiple-blocks-row-blue a {
    color: #63aaff;
}
.multiple-blocks-row-blue a:hover {
    color: #fff;
    text-decoration: underline;
}

.multiple-blocks-row-blue  .three-column-wrapper1 {
padding-top: 3.25em;
}

.multiple-blocks-row-blue .three-column1 {
    background-color: #f00356b; 
}

.white-header {
    color: #fff;
    margin-left: 3.3em;
    margin-top: -1em;
}

.blocks-row-white {
     background-image: url("/sites/default/files/images/WorkatYale/careers-campus-tour.jpg");
     opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 14.25em;
    padding-bottom: 8.5em;
}

.blocks-row-white  .three-column-wrapper1 {
    padding-top: 1.25em;
}

.blocks-row-white .three-column1 {
    background-color: #f2f2f2e2; 
}


.multiple-blocks-row-white {
         background-image: url("/sites/default/files/images/WorkatYale/careers-support.jpg");
             opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 2.25em;
    padding-bottom: 2.25em;
}




/*======= TWO COLUMN BLOCKS ==========*/

.two-column-wrapper {
    display: flex;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 2.25em;
    padding-bottom: 2.25em;
    text-align: center;
}


.two-column-block h2 {
    font-size: 11.6rem;
    margin-bottom: 0.75em; 
}

.column-one {
    width: 48%;
}  

.column-two {
    width: 48%;
} 


/*======= TWO COLUMN BLOCKS ==========*/