* 
{
    box-sizing: border-box;
    font-family: Impact, Anton, Oswald, Charcoal, sans-serif; 
    color: #CCCCCC;
}
body
{
    display: table; 
    position: absolute; 
    height: 100%; 
    width: 100%;
    font-size: 1vw; 
    background: #333333;
}
.main
{
    display: table-cell; 
    text-align: center; 
    vertical-align: middle;
}
.heading
{
    font-size: 3vw;
    /* color: #68065e; */
}
.subheading
{
    font-size: 2vw;
    /* color: #876D93; */
}
form, input, select, option
{
    font-size: 2vw;
    /* color: #876D93; */
    /* color: #68065e; */
    color: #ff4998;
}
input, select, option
{
    border: 0.3px solid #ff4998;
    background: #CCCCCC;
}
.standardtext
{
    font-size: 1vw;
}
.subtext
{
    font-size: 0.5vw;
}
.results
{
    font-size: 1.5vw;
    display: block;
    border: 1px solid #777777;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media only screen and (max-width:620px) 
{
    /* For mobile phones: */
    .heading
    {
        font-size: 5vw;
    }
    .subheading, form, input, select, option
    {
        font-size: 3vw;  
    }
    .standardtext
    {
        font-size: 2vw;
    }
    .results
    {
        font-size: 2.5vw;
    }
    .subtext
    {
        font-size: 1vw;
    }
}