@font-face {
    font-family: Muller_T;
    src: url("Muller_T.otf") format("opentype");
}

@font-face {
    font-family: Muller_EB;
    font-weight: bold;
    src: url("Muller_EB.otf") format("opentype");
}
body{
	width: 100%;
	height: 100vh;
	font-family: 'Muller_T';
	margin: 0;
	padding: 0;
}

section {
  width: 100%;
  padding: 0%;
  display: table;
  margin: 0;
  max-width: none;
}

.landing{
	height: 100vh;
}

.heading{
	display: table-cell;
  	vertical-align: middle;
}

.logo{
	width: 40%;
	margin-left: 30%;
}

h1{
	margin: 3% 0% 0% 0%;
	text-align: center;
	font-size: 3em;
	color: black;
}

@media screen and (max-width: 480px){
	.logo{
		width: 70%;
		margin-left: 15%;
	}
	h1{
		font-size: 1em;
	}
	#bgvid {
        display: none;
    }
}

@media screen and (min-width: 481px) and (max-width: 980px){
	.logo{
	width: 50%;
	margin-left: 25%;
	}
	h1{
		font-size: 2em;
	}
	#bgvid {
        display: none;
    }
}