html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}

body, html {
	height: 100%;
	font-family: "Raleway", sans-serif;
	color:#fff;
}
a{color:#fff}

.bgimg {
    background-image: url('./background.jpg');
    min-height: 100%;
    background-position: center;
    background-size: cover; 
}
.animate-opacity{animation:opac 1s}@keyframes opac{from{opacity:0} to{opacity:1}}


.midtext{
	position:absolute;top:50%;left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	text-align:center;
}

.bottomright {
  position: fixed;
  right: 0px; bottom: 0px;
  padding: 5px;
  text-align:right;
}

.main-title{font-size:64px}
@media all and (max-height: 400px) {
.main-title {font-size:32px}
}

@media all and (max-height: 600px) {
.w3-display-bottomright { display: none; }
}


.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}