body{
    background: coral;
}


h1{
    
    position: absolute;
    font-size: 25vmin;
    color:rgb(255, 255, 255);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    opacity: 0.4;
    align-self: center;
    display: block;
    width: 100%;
    text-align: center;
}

h2{
    color:lightgrey;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 5vmin;
    opacity: 0.2;
    text-align: left;
}

h3{
    color:lightgrey;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 5vmin;
    opacity: 0.2;
    text-align: right;
}





@media screen and (min-width:480px)

div{ 

}

h1{
    
    position: absolute;
    font-size: 25vmin;
    color:rgb(255, 255, 255);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    opacity: 0.4;
    align-self: center;
    display: block;
    width: 100%;
    text-align: center;
}

h2{
    color:lightgrey;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 5vmin;
    opacity: 0.2;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

h3{
    color:lightgrey;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 5vmin;
    opacity: 0.2;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}


@media screen and (min-width:960px)

div{

}
h1{
    
    position: absolute;
    font-size: 25vmin;
    color:rgb(255, 255, 255);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    opacity: 0.4;
    align-self: center;
    display: block;
    width: 100%;
    text-align: center;
}

h2{
    color:lightgrey;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 5vmin;
    opacity: 0.2;
    text-align: left;
}

h3{
    color:lightgrey;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 5vmin;
    opacity: 0.2;
    text-align: right;
}