body {

margin:0;
font-family: Arial, Helvetica, sans-serif;
background:#f7f7f7;
color:#111;
overflow:hidden;

}

.container{

height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;

}

.question{

font-size:3rem;
color:#b0b0b0;
margin-bottom:40px;
font-weight:300;

}

.brand{

font-size:6rem;
font-weight:700;
margin:0;

}

.tagline{

font-size:1.6rem;
margin-top:15px;
font-style:italic;

}

.footer{

position:absolute;
bottom:40px;
width:100%;
text-align:center;
font-size:1.2rem;

}

.footer a{

color:#222;
text-decoration:none;

}

.footer a:hover{

text-decoration:underline;

}

/* Dot Grid */

.dot-grid{

position:absolute;
right:0;
bottom:0;
width:55%;
height:60%;

background-image: radial-gradient(circle, rgba(0,0,0,0.12) 2px, transparent 2px);
background-size: 30px 30px;

opacity:0.35;

}

/* Responsive */

@media (max-width:900px){

.brand{
font-size:4rem;
}

.question{
font-size:2rem;
}

.tagline{
font-size:1.2rem;
}

}

@media (max-width:500px){

.brand{
font-size:3rem;
}

.question{
font-size:1.5rem;
}

.tagline{
font-size:1rem;
}

.footer{
font-size:1rem;
bottom:20px;
}

.dot-grid{

width:80%;
height:40%;

}

}