map-desktop.css

@media only screen and (min-width: 65em) {
  /* Style adjustments for viewports that meet the condition */
    nav.top-nav{
        width: 5rem;
    }
    nav.top-nav div.main-bttns{
        flex-direction: column;
    }
    nav.top-nav h1{
        display: none;
    }
    nav .slide-menu{
    }

    nav.bottom-nav{
        width: 5rem;
        flex-direction: column;
        height: calc(100vh);
        margin-top: 0rem;
        justify-content: flex-start;
        padding-top: 8rem;
    }
    nav.bottom-nav button, nav.bottom-nav a{
        margin-bottom: 3rem;
    }

    main.map div.well-card{
        margin-left: 0;
        margin-right: 0;
        top: auto;
        bottom: 1rem;
        left: auto;
        right: auto;
        display: none;
    }

    div.desk-details{
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        width: 23rem;
        height: 100vh;
        overflow-y: scroll;
        border-left: solid black 2px;
		background-color: white;
    }
    div.desk-details ul{
		margin: 1rem
	}
	div.desk-details li, div.desk-details p{
		margin: 0rem
	}
    nav.fabs{
        left: 6rem;
        bottom: 1rem;
    }
    main.details{
        margin-top: 0rem;
    }
a.go-to{
/*
	width: 23rem;
	background-color: #65b2ff;
	color: white;
*/
	font-size: 1.25rem;
	color: #65b2ff;
/*
	margin: 0 0 0 0;
	padding: 2rem;
*/
	float: right;
	margin: 1rem;
}
}