body {
    background-color: rgb(61, 7, 8);
    width: 98%;
}

*   {font-family: 'Sulphur Point', sans-serif; 
}

.center {
    text-align: center;
}

/* Contact */

#contact {
    color: white;
    margin-top: 0px;
    font-size: 30px;
    text-decoration: none ;
    text-decoration: underline;
     }
#contact:hover {
       color:rgb(153, 145, 145);
       text-decoration:none;
       cursor:pointer;
}

/* Buttons */

button{
    box-shadow: 0 10px 18px 0 rgba(0,0,0,0.2), 0 18px 22px 0 rgba(0,0,0,0.19);
    background-color: white;
    border-radius: 6px;
    color: rgb(61, 7, 8);
    padding: 30px 110px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 40px;
    margin: 6%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    margin-bottom: 35px;

}
button:hover {
    background-color: rgb(153, 149, 149);
    color: rgb(80, 12, 13);
}
#Result {
    font-size: 16em;
}

/* Media Queries */

@media only screen and (min-width: 1151px){
    h1 {
        color: white;
        font-size: 16em;
        margin:auto;
        padding:auto;  
    }
    p {
        color: white;
        font-size: 3.5em;
        margin: auto;
        margin-bottom: auto;
        padding:auto; 
    }
}
@media only screen and (max-width: 1150px) and (min-width: 801px){
    h1 {
        color: white;
        font-size: 11em;
        margin:auto;
        padding:auto; 
    }
    p {
        color: white;
        font-size: 3.5em;
        margin: auto;
        margin-bottom: auto;
        padding:auto; 
    }
}

@media only screen and (min-width: 501px) and (max-width: 800px){
    h1 {
        color: white;
        font-size: 700%;
        margin: auto;
        padding:auto;  
    }

    p {
        color: white;
        font-size: 3em;
        margin: auto;
        margin-bottom: auto;
        padding:auto; 
    }

    div {
        margin-bottom: 45px;
        margin-top: 20px;
    } 
}
@media only screen and (max-width: 500px){
    h1 {
        color: white;
        font-size: 550%;
        margin: auto;
        padding:auto;  
    }

    p {
        color: white;
        font-size: 2.8em;
        margin: auto;
        margin-bottom: auto;
        padding:auto; 
    }

    div {
        margin-bottom: 45px;
        margin-top: 20px;
    } 
}