.splash-container {
  width: 100%;
  height: 120px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position:relative;
  overflow: hidden;

}
@font-face {
	font-style: normal;
	font-family: 'CryphoGroteskMono';
	src: local('CryphoGroteskMono-Regular'), local('CryphoGroteskMono-Regular');
  src: url('../fonts/CryphoGroteskMono-Regular.eot');
	src: url('../fonts/CryphoGroteskMono-Regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/CryphoGroteskMono-Regular.woff2') format('woff2'),
			 url('../fonts/CryphoGroteskMono-Regular.woff') format('woff'),
			 url('../fonts/CryphoGroteskMono-Regular.ttf') format('truetype'),
			 url('../fonts/CryphoGroteskMono-Regular.svg#CryphoGroteskMono-Regular') format('svg');
}
@font-face {
	font-style: normal;
	font-family: 'CryphoGrotesk';
	src: local('CryphoGrotesk-Regular'), local('CryphoGrotesk-Regular');
  src: url('../fonts/CryphoGrotesk-Regular.eot');
	src: url('../fonts/CryphoGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
			 /* url('../fonts/CryphoGrotesk-Regular.woff2') format('woff2'), */
			 url('../fonts/CryphoGrotesk-Regular.woff') format('woff'),
			 url('../fonts/CryphoGrotesk-Regular.ttf') format('truetype'),
			 url('../fonts/CryphoGrotesk-Regular.svg#CryphoGrotesk-Regular') format('svg');
}
#splash {
    font: 'CryphoGrotesk';
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin: auto;
    position: absolute;
    top: 70px; left: 0; bottom: 0; right: 0;
}

@media (max-width: 599.99px) {
#splash{
  width: 100%;
  }
}