@font-face {
    font-family: "Fjalla";
    src: url("../fonts/Fjalla_One/FjallaOne-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

#indexBg {
	background:#ffff;
	min-height: 100vh;
	position: relative;
}

#indexLogo img{
	width: 100%;
}

#text {
	padding-top: 10px;
    text-align: center;
	position: relative;
    color: #4285f4;
    font-size: x-large;
    font-family:"Fjalla";
    font-weight: 800;
}

@media screen and (orientation: landscape) {
    #indexBg {
		padding-top: 5%;
		padding-left: 35%;
		padding-right: 35%;
	}
}

/* Style for portrait (vertical: height > width) */
@media screen and (orientation: portrait) {
    #indexBg {
		padding-top: 10%;
		padding-left: 25%;
		padding-right: 25%;
	}
}