@media only screen and (max-width: 1200px) {body {}}@media (orientation: landscape) {}@media (orientation: portrait) {}body {background-image: url('img/vid-placeholder.jpg');background-size: cover;background-position: center;display: flex;flex-direction: column;margin: 0;min-height: 100vh;}#vid {position: fixed;min-width: 100%;min-height: 100%;width: auto;height: auto;object-fit: cover;left: 50%;top: 50%;transform: translate(-50%, -50%);}#wrapper {width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;flex: 1;}#content {position: relative;z-index: 1;max-width: 300px;display: flex;flex-direction: row;flex-wrap: wrap;}img {width: 100%;}.full {width: 100%;}.one-half {width: 50%;}.href-effect {display: flex;}.href-effect img {transition : filter 200ms ease-in-out;}.href-effect:hover {border: 2px solid black;}.href-effect:hover img {filter: brightness(-200%);}