@charset "UTF-8";

body{
margin: 0;
padding: 0;
}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#title{
position: absolute;
z-index: 2;
text-align: center;
width: 100%;
height: 100%;
margin: auto;
display: grid;
place-content:center;
}
h1{
color: #fff;
font-family: polymath, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 60px;
line-height: 1.1em;
margin: 0;
padding: 0;
padding-bottom: 10px;
}
h1 br{
display: none;
}
h2{
color: #fff;
font-family: polymath, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 20px;
margin: 0;
padding: 0;
padding-bottom: 20px;
}
h2 br{
display: none;
}
h3{
color:#F3FF00;
font-family: polymath, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
margin: 0;
padding: 0;
padding-bottom: 50px;
}

@media screen and (max-width:500px){
h1 br{
display: block;
}
h2 br{
display: block;
}
}