#dir-content { float: left; position: relative; margin-top: 5em; padding: 0; margin-bottom: 5em;}@media (min-width: 1000px) { #dir-content { float: left; position: relative; }}.dir-content-closer { clear: both;}.dir-item { height: 100px; padding: 0 10px 10px 0; width: 145px;}.dir-item-img { background-position: left; background-repeat: no-repeat; background-size: contain; height: 50vh; width: 100vw; margin-top: 2em; }@media (min-width: 500px) { .dir-item-img { height: 100vh; }}@media (min-width: 1000px) { .dir-item-img { height: 70vh; width: 70vw; }}@media(max-width: 699px){ #floating-caption,#pic-holder { width: unset; }#floating-caption{margin:15px;}#pic-holder {margin:0px;}}@media (min-width: 700px) { .project-img { max-height: 80vh; display: block; object-fit: contain;object-position: 0 0; } #floating-caption {display:inline-block; width: 38%; float:right;padding-left:25px;padding-right:25px; }#pic-holder{width: 62%;padding-left:30px;}.footer .container{margin-left:15px;}}#floating-caption h1 { font-weight: bold; font-size: 16px;}#floating-caption p { font-size: 16px;}#navbar { background-color: #ffffff; box-shadow: none;position:relative;margin-left:0px;padding-right: 0px;}#navbar .navbar .navbar-nav{margin-left:30px!important;}#navbar .navbar-brand{margin-left:30px;margin-right:0px;width:62%;}#navbar li a:link, #navbar li a:visited { color: #000000;}#navbar-content{max-width:38%;padding-left:7px;}.footer { letter-spacing: 0.03em; margin-top: -150px; padding: 8px 0; text-align: center; background-color: #151515; position: relative; clear:both; padding-top: 20px; bottom: 0; color: #5c5c5c;}@media (min-width: 768px) { .footer { text-align: inherit; }}#footer-text { width: 200px; font-size: 12px;margin-left:0px!important;}.project-img {margin-bottom:30px;width: 100%;}