.map {
    background-image: url("../images/map.png");
    background-size:cover;
    background-repeat:no-repeat;
    height:115vh;
    margin-top:5vh;
}

.map div h1 {
    padding:35%;
    color:var(--cream);
    text-shadow: var(--green);
    font-size:10em;
}

.explore h2 {
    text-align:center;
    margin-top:5vh;
}


/* BUILDING BUTTONS */
.five-row {
    display: flex;
    flex-direction:row;
    width:100vw;
    height:10vh;
    padding:5%;
    padding-left:9%;

}

/* Information Blurbs */
.info {
    width: 70vw;
    height: 100vh;
    margin: auto;
    align-content: left;
    text-align:left;
    /* grid */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);

}

#about {
    grid-column-start:1;
    padding:6%;
}

#abt-img {
    grid-column-start:2;
    padding-left:6%;
}



#history { 
    grid-column-start:2;
    grid-row-start: 2;
}

#hist-img {
    grid-column-start:1;
    grid-row-start: 2;
}

@media (max-width:431px) {
    html {
        font-size: 16px;
        overflow-x:hidden;
        width:50vw;
    }

    #full-map {
        width:100%;
        height:auto;
    }

    .five-row {
      display:flex;
      flex-direction:column;
      width:50%;
    }

    .building-btn {
        padding-bottom:3%;
    }

    .map .building-btn a img:first-child  {
        width:20%;
    }

    h4 {
        font-size:.7rem;
    }

    
    .map .building-btn a img:first-child:hover  {
        opacity: .6;
    }
    .map .building-btn a img:first-child:active  {
        transform: scale(1.2,1.2);
    }


    /* Information Blurbs */
    .info {
        display:block;
        width: 90vw;
        margin: auto;
        align-content: left;
        text-align:left;
        display:flex;
        flex-direction: column;
        word-wrap: break-word;
    }


    .main-nav {
        display:hidden;
    }
}