@media (max-width:500px) {
    p.stats {
        margin:auto;
        width: 100%;
        text-align: center;
        height: 3em;
        line-height: 3em;
        font-size: 2em;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 100;
        color:white;
    }
    table {    
        margin-top:100px;
        width: 100%;
        height: 500px;
        color:white;
        background-color: transparent;
        border-style: solid;
        border-width: 0px;
        border-color: white;
        border-spacing: 0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 100;
        font-size: 1.5em;
    }
    table tr th {
        border: 0px;
        border-color:white;
        border-style:solid;
        text-align: center;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    table tr td {
        text-align: center;
        border: 2px;
        border-color:white;
        border-style:solid;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    #purchase p {
        color:white;
        margin:auto;
        padding:20px;
        width:40%;
        height: 100%;
        font-size: 2em;
        font-family: Rockwell, serif;
        text-align: center;
        border-style: dashed;
        border-color: white;
        border-width: 3px;
        border-radius: 4px;
    }
    #purchase p:hover {
        background-color: white;
        color:black;
    }
}
@media (min-width:501px) and (max-width:1000px) {
    p.stats {
        margin:auto;
        width: 100%;
        text-align: center;
        height: 3em;
        line-height: 3em;
        font-size: 2em;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 100;
        color:white;
    }
    table {    
        margin-top:100px;
        width: 100%;
        height: 500px;
        color:white;
        background-color: transparent;
        border-style: solid;
        border-width: 0px;
        border-color: white;
        border-spacing: 0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 100;
        font-size: 1.5em;
    }
    table tr th {
        border: 0px;
        border-color:white;
        border-style:solid;
        text-align: center;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    table tr td {
        text-align: center;
        border: 2px;
        border-color:white;
        border-style:solid;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }
    #purchase p {
        color:white;
        margin:auto;
        padding:20px;
        width:40%;
        height: 100%;
        font-size: 2em;
        font-family: Rockwell, serif;
        text-align: center;
        border-style: dashed;
        border-color: white;
        border-width: 3px;
        border-radius: 4px;
    }
    #purchase p:hover {
        background-color: white;
        color:black;
    }
}
@media (min-width:1001px) {
    p.stats {
        margin-left: 5%;
        display:inline-block;
        width: 500px;
        height: 3em;
        line-height: 3em;
        font-size: 2em;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 100;
        color:white;
    }
    table {
        margin: 10%;    
        margin-top:50px;
        width: 80%;
        height: 500px;
        color:white;
        background-color: transparent;
        border-style: solid;
        border-width: 2px;
        border-color: white;
        border-spacing: 0;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 100;
        font-size: 1.5em;
    }
    table tr th {
        border: 2px;
        border-color:white;
        border-style:solid;
        text-align: center;
        border-top-width: 0;
        border-bottom-width: 0;
    }
    table tr td {
        text-align: center;
        border: 2px;
        border-color:white;
        border-style:solid;
        border-top-width: 0;
        border-bottom-width: 0;
    }
    #purchase p {
        color:white;
        padding:20px;
        width:30%;
        height: 100%;
        font-size: 2em;
        font-family: Rockwell, serif;
        text-align: center;
        margin: 5% 35%;
        border-style: dashed;
        border-color: white;
        border-width: 3px;
        border-radius: 4px;
    }
}
header h1 {
    margin-top: 200px;
    color:white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-size: 5em;
    width: 100%;
    height: 2em;
    text-align: center;
    margin-bottom: 0;
    background-color: transparent;
    
}

h1 {
    margin-top:100px;
    margin-bottom:0;
    width: 100%;
    text-align: center;
    color:white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

div#statistics {
    background-color: transparent;
    width: 100%;
    height: 5em;
    margin-top: 0px;
}

div#purchase {
    width: 100%;
    height: 2.2em;
    margin: 100px 0;
    text-align: center;
}

#purchase a {
    text-decoration: none;
}