@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
              
        .herotheme {
            display:flex;
            background-color:#e1e1e1;
            background-size:cover;
            height:88vh; 
            background-attachment:initial;
            position: relative;
            font-family: Montserrat;
        }
        .herotheme .moireOverlay:after {
            background: url(https://www.geneva.edu/webdev/video-banner/dot-overlay.png) repeat rgba(0, 0, 0, 0.2);
            /* background-image: linear-gradient(rgba(0, 0, 0, 0.321), rgba(87, 224, 255, 0.246), rgba(165, 0, 220, 0.281)); */
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0;
            opacity: 1;
            pointer-events: none;
        }
        .herotheme:after  {
            background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 20%);
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0;
            opacity: 1;
            pointer-events: none;
        }
        .herotheme div:first-child {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 15px;
}

.herotheme h1 span.heroslab {
    display: block;
    font-size: 42px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: -1.5px;
}
.herotheme h1 span.heropretext
 {
    display: block;
    font-size: 18px;
    line-height: 23px;
    font-weight: normal;
    margin-bottom: 5px;
}

span.heroposttext {
    padding-left: 3px;
    font-size: 22px;
    line-height: 30px;
    display:block;
}

.herotheme .herotext {
    box-sizing: border-box;
    z-index: 100;
    color: #fff;
    margin-left: 0;
    align-self: end;
    max-width: 100%;
    margin-bottom: 40px;
    padding: 30px;
    border-left:none;
}
.herotheme .herotext h1 span {
    margin-top: 0px;
}
#pageContentFull h2.leadtext {
            font-size:35px;
            line-height:45px;
            color:#3d3935;
        }
        .herotheme div.keyinfo {
            display: flex;
            z-index:400;
            background-color: aquamarine;
        }
        .herotheme .actionButtons {
            margin-top: 5px;
        }

        @media(max-width:550px) {
        .herotheme {
    background-position-x: -550px;
}
        }
        
        @media (min-width: 750px) {
            .herotheme .actionButtons {
            margin-top:25px;
        }
        .herotheme {
            height:98vh;
        }
            .herotheme .herotext {
                    /* position: absolute; */
                    z-index: 100;
                    color: #fff;
                    padding: 1% 3%;
                    margin-left: 4.3%;
                    align-self: center;
                    max-width: 60%;
                    box-sizing: border-box;
                    border-left: 4px solid #c99a2c;
                    margin-top: -110px;
                }
                .herotheme div:first-child {
                    font-size:30px;
                    line-height: 40px;
                    margin-bottom: 20px;
                }
                .herotheme h1 span.heroslab {
                    font-size: 45px;
                    font-weight: bold;
                    letter-spacing: -1.5px;
                    line-height: 50px;
                }
                .herotheme h1 span.heropretext
                 {
                    display: block;
                    font-size: 20px;
                    line-height: 25px;
                    font-weight: normal;
                    margin-bottom: 5px;
                }
        }
        
        @media(min-width: 960px){
            .herotheme {
                background-attachment:fixed;
            }
            .herotheme h1 span.heropretext {
                font-size: 25px;
                line-height: 30px;
                margin-bottom: 5px;
            }
            .herotheme h1 span.heroslab {
                    font-size:50px;
                    line-height: 55px;
                }
         }  
        @media (min-width: 1280px) {
            .herotheme h1 span.heroslab {
                    font-size:4.5vw;
                    font-weight: bold;
                    letter-spacing: -1.5px;
                    line-height: 4.5vw;
                }
            .herotheme h1 span.heropretext {
                margin-bottom: 20px;
            }
        }
        @media (max-height: 550px){
    
    .herotheme .herotext {
    z-index: 100;
        color: #fff;
        align-self: center;
        margin-bottom: unset;
        padding: 0px 3%;
        margin-top: 50px;
    }
    .infobar-container {
        margin-top: 0px;
    }
    .infobar-container {
        padding: 10px;
        margin-bottom: 20px;
         margin-top: 0px!important;
	    padding: 10px 10px 30px 30px;
    }
    ul.infobar li p {
        font-size: 12px;
    }    
    ul.infobar li h4 {
        font-size: 22px;
    }
    ul.infobar li p {
        font-size: 12px;
    }
}