@media only screen and (max-width:600px) {
    nav.navbar.navbar-expand-lg a.navbar-brand img {height: 40px;}
    section.bannersection {         padding: 150px 0 60px;}
    img.header-img { position: relative; right: unset; top: 60px; height: auto; width: 100%; }
    section.bannersection p.title_desc {font-size: 18px;}
    section.bannersection p br{display: none}
    .bannersection p.call-info{font-size: 18px;}
    p.main-headline {font-size: 32px;}
    img.header-graphic-img { position: absolute; right: 0; bottom: 0; height: auto; width: 90%; }
    footer {padding: 20px 0;}
    ul.navbar-nav li.nav-item {text-align: center;}
    
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {  
    section.bannersection { }
    img.header-img{display: none;}
    ul.navbar-nav li.nav-item {text-align: center;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
    section.bannersection { padding-top: 140px; background-size: 155%; position: relative; background-position: 45% 100%; padding-bottom: 100px; }
}
@media only screen and (min-width:1200px) and (max-width:1290px) {
    
}
@media only screen and (min-width :1400px) {

    .program-details ul {width: 91%;}
    img.awards {width: 84%; margin-bottom: 0;}
    .prg-form {min-height: 585px;}
}
@media only screen and (min-width :1500px) {
    img.header-img {right: 0px;}
}
@media only screen and (min-width :1600px) {
    .program-details ul {width: 85%;}
}
@media only screen and (min-width :1800px) {

    .program-details {bottom: -70px;}
    h2.highlights-heading {bottom: -70px;}
    .program-details ul {width: 70%;}
    img.header-graphic-img { position: absolute; right: 350px; bottom: 0; height: 560px; }
    

}