#main{
    background: url("../images/career/background.jpg") center;
    min-height: 400px;

}
#tile-txt-3-1{
    margin-bottom: 0;
}
#imgtile-2{
    background: url("../images/career/background colour.jpg") center;
}
.tile-img{
    height: 13vw !important;
}
.scrollableContent {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 42vh;
}
.tile{
height: calc(100vh - 273px - 4vw);
min-height: calc(400px - 4vw);
}
@media only screen and (max-height: 900px) {
    .scrollableContent {
        /* max-height: 33vh; */
        max-height: calc(100% - 130px);
    }
    .tile-img {
        max-height: 150px;
    }
}
/* @media only screen and (max-height: 800px) {
    .scrollableContent {
        max-height: 31vh;
    }
    
}
@media only screen and (max-height: 700px) {
    .scrollableContent {
        max-height: 28vh;
    }
}
@media only screen and (max-height: 630px) {
    .scrollableContent {
        max-height: 162px;
    }
} */
@media only screen and (max-width: 767px) {
.scrollableContent {
    max-height: 100% !important;
    padding-bottom: 10px;
}
.tile{
    height: auto !important;
}
.tile-img {
    top: 5px;
}
}
@media only screen and (max-height: 900px) and (max-width: 767px){
.tile-img {
    max-height: none;
}
}