@media(min-width:768px){
    .buildingContainer, .floorSection{
        display:flex;
        justify-content: space-between;
    }
}
/* image sizing */
 .bldgImg img,  .legMapImg img{
    width: 250px;
}
.legMapImg img{
    height: 165px;
}
 .floorImage img{
     width: 125px;
     height: 100px;
 }  

/* NV Leg flex box */
.bldgImg{
    flex:1;
    margin-left: 15px;
}
.contactDetails{
    flex:2;
    margin-left: 15px;
}
.contactDetails p, .address p{
    font-size: .9rem;
    margin-top: 0;
    margin-bottom: 0;
}
.address{
    flex:1;
    margin-left: 15px;
}
.legMapImg{
    flex:2;
    margin-left: 15px;
}
/* Leg Floor sections */
 .floorSection{
    flex: 1;
}
.floorInfo{
    flex: 4;
    margin-left: 15px;
}
.floorInfo p{
    font-size: .9rem;
}


/* modal styling - needs "id" to prevent override the shared header styles*/
#modalTabs .nav-tabs>li.active>a, #modalTabs .nav-tabs>li.active>a:hover, #modalTabs .nav-tabs>li.active>a:focus {
    color: #555 !important;
    cursor: default !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
}
#modalTabs .nav-tabs>li>a {
    margin-right: 2px  !important;
    line-height: 1.42857143  !important;
    border: 1px solid transparent  !important;
    border-radius: 4px 4px 0 0  !important;
}
#modalTabs .nav>li>a {
    position: relative  !important;
    display: block  !important;
    padding: 10px 15px  !important;
}
.modal-header{
    background-color: var(--main) ;
}
.modal-title{
    color: #fff;
    font-size: 1.6em;
}
.close span{
    color: #fff;
}


/* Hide maps until clicked on */
.hidden {
	display:none !important;
}
/* Zoom in on the image in modal */
input[type=checkbox] {
  display: none;
}
.zoom-within-container img {
  transform-origin: 45% 65%;
  transition: transform 1s, filter 1s ease-out;
  cursor: zoom-in;
}
input[type=checkbox]:checked ~ label > img {
  transform: scale(1.5);
  cursor: zoom-out;
}
/* Copyright credit for map images in modal */
.text-overlay {
    position: relative;
    width: 100%;
}
.text-overlay a {
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: var(--link-base);
    background-color: rgb(255, 255, 255, .45);
    font-size: 10px;
    text-decoration: underline;
}