section#ways-of-being{width:100%;height:100vh;.box { background-color: rgba(255,255,255,.5); border-style: solid; border-width: .2em!important; border-color: #FFFFFF #e2a5e7 #e2a5e7 #FFFFFF; margin:.5em; border-radius:0%!important; } .button { margin: 0px 1px; min-width:2em; text-decoration:none; } .list-group-item.box { background-color:#F2DEE9; } .button:active, .box.active { border-color: #e2a5e7 #FFFFFF #FFFFFF #e2a5e7; background-color: #f1e7f5; } .zoomy { position:absolute; left: 1em; z-index:10; width:2em; } .box.zoomy:active { border-color: #A138A9 #F2DEE9 #F2DEE9 #A138A9; } .spaced { padding: .25em; } .map { max-height: 85vh; } @media (orientation: portrait) { .map { height:80vh; } } @media (min-width: 768px) { .centered { margin: auto; width: 30em; } } .list-group.clear { background-color:inherit; } .list-group-item.clear { background-color:inherit; border:none; padding:0em; }}