@media screen and (min-width: 769px) 
{ /* for computer monitor screens*/
    .splash h1 
    {
        font-family:Rubik;
        font-size:55px;
        color:white;
        padding-bottom:5px;
    }
    .splash h2 
    {
    font-family:Rubik;
    font-size:45px;
    color:white;
    padding:0px;
    }
    
    
    #scrolldownwrapper p, li, a 
    {
        font-family:"Open Sans";
        padding-top:0px;
    }
    
    #splashtext 
    {
        margin-bottom:20px;
    }
    
    #scrolldownwrapper h3
    {
        text-align:left;
        color:white;
        font-family:Rubik;
        font-size:30px;
        padding-top:25px;
        padding-bottom:25px;
        padding-left:0px;
    }
    
    #scrolldownwrapper ul
    {
        padding-left:70px;
        padding-top:0px; 
        padding-bottom:20px;
    }
}

@media screen and (max-width: 769px)
{
    #splashtext h1 {
        font-size:30px;
    }
    #splashtext h2 {
        font-size:27px;
    }
    #splashtext p {
        font-size:18px;
    }
    #scrolldownwrapper h3 {
    font-size:22px;
    font-style: normal;
    }
    #scrolldownwrapper p, li {
        font-size:18px;
    }