/* Main container */
.mainContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.leftNavigationPanel{
    flex: 0 0 100px;
}
.allAddressContainer{
    flex: 1 1 10px;
}
.leftNavigationPanel{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    background-color: var(--uiucBlue);
    border-radius: 0px 20px 20px 0px;
    padding: var(--pad);
}
.allAddressContainer{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}
.addressMainContent{
    flex: 1 1 100px;
}
.informalMe{
    flex: 0 0 15px;
}
.addressMainContent{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: var(--gap);
    padding: var(--pad);
    @media screen and (max-width: 1300px){
        flex-direction: column;
    }
}
.homeAddressBox, .officeAddressBox, .otherAddressBox{
    flex: 1 1 100px;
}
.homeAddressBox, .officeAddressBox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(0.25*var(--gap));
}
.otherAddressBox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: calc(0.5*var(--gap));
    padding: var(--pad)
}
.headingText, .addressText{
    text-align: center;
}
.otherAddressText{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: calc(0.5*var(--gap));
}
.otherAddressTextRows{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: calc(0.5*var(--gap));
}
@media screen and (max-width: 850px) {
    .leftNavigationPanel{
        flex: 0 0 10%;
    }
    h1{
        font-size: calc(0.75*var(--h1-fs));
    }
    h2{
        font-size: calc(0.75*var(--h2-fs));
    }
    .otherAddressTextRows a{
        font-size: calc(0.75*var(--h2-fs));
    }
}

.informalMe, .informalMe a{
    text-decoration: none;
    color: lightgray; 
    font-size: 0.75rem;
    text-align: right;
    padding: 0px var(--pad);
}