/* Responsive students styles.

   @file       students.css.en
   @author     yhechler
   ========================================================================== */

#banner .grid-container>div {
    margin-top: 2%;
    padding: 0 0 0 30px;
}
section ul {
    margin: .5rem 0 1rem 0;
}
section li:before {
    background: #ed7200;
    content: '';
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 5px;
}
section li {
    margin: .5rem 0 1.5rem 0;
    padding: 0 0 0 0.8rem;
    position: relative;
}
.tiles h2 {
    color: #333;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    margin: 1rem 0 0;
    white-space: nowrap;
}
.tiles p {
    font-size: .875rem;
    line-height: 1.4;
    margin: 0.5rem 0 3.75rem;
    max-width: 17.8125rem;
}
/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
    #intro .inner img {
        max-width: 95%;
    }
}
/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    #banner .inner p {
        line-height: 1.4;
    }
}
/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    #banner .grid-container>div>h2 {
        margin: 1.5rem 0;
    }
    #banner {
        margin-bottom: 1.5rem;
    }
    #banner .grid-container>div, #banner .grid-container>div>h2 {
        padding: 0;
    }
}
/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}
/* printer styles
   ========================================================================== */

@media print {
    #_careers-header {
        position: static !important;
    }
}