.main {
    background: white !important;
}

.main-section {
    max-width: 2000px !important;
}

section.main {
    padding: 0px;
}

.container {
    padding: 15px;
}

.subHeader {
    max-width: 800px;
    font-size: 3rem;
    color: #707070;
    margin-top: 35px;
}

.tonyLetter {
    text-align: left;
}

.jimLetter {
    text-align: left;
}

.tonyLetterBox {
    background-color: #CAD1DE;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 45px;
}

.jimLetterBox {
    background-color: #CAD1DE;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 45px;
}

.letterSignature {
    margin-top: 20px;
}

.tonyHeadshot {
    display: block;
    margin-bottom: 10px;
    min-width: 200px;
    max-height: 282px;
}

.jimHeadshot {
    display: block;
    min-width: 200px;
    max-height: 282px;
    margin-bottom: 10px;
}

.navBanner {
    background-color: #DFE0E2;
    width: 100%;
    padding: 5rem;
    align-items: center;
}

.navImg {
    max-width: 100% !important;
    object-fit: contain;
    padding-bottom: 20px;
}

.navText {
    text-align: center;
    /*padding-left: 50px;*/
}

.navLink {
    text-decoration: none !important;
    color: unset !important;
}

.arrowBox {
    display:flex;
    flex-direction:row;
    align-items: center;
}

.arrow {
    position: relative;
    flex-grow: 0;
    left: -6px;
    display: block;
    font-size: 6rem;
}

.extraArrow {
    display: inline-block;
    margin-top: 24px;
    flex-grow: 1;
    height: 0.4rem;
    background-color: #4F5159;
}

h2 {
    padding-bottom: 15px;
}

.indentedSection p {
    padding-left: 50px;
}

.strikethroughHeader {
    display: flex;
    padding-bottom: 10px;
    gap: 15px;
}

.speakerGrid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr;
    padding: 0px 30px;
    justify-items: center;
}

.speakerBox {
    max-width: 264px;
}

.hotelList {
    display: inline-block;
    text-align: left;
}

.parkingItem {
    line-height: 1;
    padding: 20px 0px;
}

.parkingDivider {
    display: block;
    border-top: 2px solid#707070;
}

.redHeiferBox {
    /*background-color: #CAD1DE;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding: 45px;*/
    /*background-color: unset; */
    padding: 10px 45px;
}

.photoGrid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    justify-items: center;
}

.photoGrid img {
    max-width: 200px;
}

.popup .popuptext {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
}

.popup .show {
    width: 0px;
    height: 0px !important;
    visibility: hidden;
}

.closeModalBtn {
    cursor: pointer;
    background-color: #142E47;
    color: white;
    width: 34px;
    height: 39px;
    left: 50%;
    margin-left: 314px;
    top: -21px;
    position: absolute;
}

@media (min-width: 500px) {
    .photoGrid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 760px) {
    .speakerGrid {
        padding: 0px 100px;
        grid-template-columns: 1fr 1fr;
    }

    .photoGrid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 824px) {
    .container {
        padding: 50px;
    }

    .tonyLetterBox {
        flex-direction: unset;
        align-items: flex-start;
    }

    .jimLetterBox {
        flex-direction: unset;
        align-items: flex-start;
    }

    .tonyLetter {
        padding: 0 10px 0 40px;
    }

    .jimLetter {
        padding: 0 40px 0 10px;
    }

    .navBanner {
        display: flex;
        justify-content: center;
        padding: 50px 80px;
    }

    .navImg {
        max-width: 50rem !important;
        padding-bottom: 0px;
    }

    .navText {
        text-align: left;
        padding-left: 50px;
    }

    .indentedSection p {
        padding-left: 125px;
    }

    .speakerGrid {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0px 0px;
    }

    .subHeader {
        margin-top: 0px;
    }

    /* Popup container - can be anything you want */
    .popup {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* The actual popup */
    /*.popup .popuptext {*/
    /*    visibility: hidden;*/
    /*    text-align: center;*/
    /*    position: fixed;*/
    /*    z-index: 1;*/
    /*    width: 75%;*/
    /*    left: 50%;*/
    /*    margin-left: -37.5%;*/
    /*    top: 25%;*/
    /*}*/

    /* Toggle this class - hide and show the popup */
    /*.popup .show {*/
    /*    display: unset;*/
    /*    visibility: visible;*/
    /*    -webkit-animation: fadeIn 1s;*/
    /*    animation: fadeIn 1s;*/
    /*}*/

    /* Add animation (fade in the popup) */
    /*@-webkit-keyframes fadeIn {*/
    /*    from {opacity: 0;}*/
    /*    to {opacity: 1;}*/
    /*}*/

    /*@keyframes fadeIn {*/
    /*    from {opacity: 0;}*/
    /*    to {opacity:1 ;}*/
    /*}*/
}

@media (min-width:963px) {
    /* Popup container - can be anything you want */
    .popup {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        text-align: center;
        position: fixed;
        z-index: 1;
        width: 75%;
        left: 50%;
        margin-left: -37.5%;
        top: 25%;
    }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        display: unset;
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

    /* Add animation (fade in the popup) */
    @-webkit-keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @keyframes fadeIn {
        from {opacity: 0;}
        to {opacity:1 ;}
    }
}

@media (min-width: 992px) {
    .speakerGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 0px 0px;
    }

    .redHeiferBox {
        flex-direction: unset;
        align-items: flex-start;
    }

    .photoGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1100px) {
    .hotelList {
        display: flex;
        gap: 30px;
        margin-left: 0;
        flex: 1 1 0;
        font-size: 1.5rem;
    }

    .parkingItem {
        padding-bottom: 0px;
    }

    .parkingDivider {
        display: none;
    }
}

@media (min-width: 1200px) {
    .photoGrid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}