body {

    background-color: #000000;

    color: #ffffff;

    font-family: 'Lato', sans-serif;



    background-image: url("../images/teamtony.jpg?123");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    background-attachment: fixed;

}



h1, h2, h3, h4, h5, h6 {

    font-family: 'Roboto', sans-serif;

}



.donate {

    margin: 0;

    margin-top: 1rem;

    font-size: 1.5rem;

    border-radius: 2rem;

}



header {

    height: 60vh;

    position: relative;

}



    header .donate {

        margin-top: 10px;

        margin-right: 3rem;

        box-shadow: 3px 3px 10px #003366;

    }



        header .donate:hover {

            margin-top: 5px;

            box-shadow: 6px 6px 10px #003366;

        }



    header .content {

        position: absolute;

        width: 800px;

        left: 50%;

        margin-left: -400px;

        bottom: 5vh;

        text-align: center;

    }



        header .content h1 {

            color: #ffffff;

            font-weight: bold;

            margin: 0;

            padding: 0;

            text-shadow: 1px 2px #000000;

        }



        header .content h2 {

            font-size: 1.2rem;

            font-weight: bold;

            margin: 0;

            padding: 0;

            text-shadow: 0 1px #000000;

        }



section {

    padding: 3rem 0;

    background-color: #ffffff;

    color: #000000;

}



    section p, section li {

        padding: 0 10rem;

        font-size: 1.2rem;

        line-height: 1.8rem;

    }



    section li {

        margin-left: 15rem;

        padding-left: 3rem;

    }



    section h4 {

        text-align: center;

        text-shadow: 1px 2px #999999;

    }



.section2 {

    padding: 5rem 0;

    background-color: rgba(0, 0, 0, 0.5);

    color: #ffffff;

}



.programmes {

    float: right;

    margin-left: 3rem;

    text-align: center;

}



footer {

    padding-top: 2rem;

    padding-bottom: 2rem;

    background-color: #000000;

    color: #ffffff;

}



    footer p {

        font-size: 0.8rem;

        margin: 0;

        padding: 0;

    }



    footer a {

        color: #ffffff;

    }



@media screen and (min-width: 0em) and (max-width: 39.9375em) {

    body {

        background-size: contain;

    }



    header {

        height: 40vh;

    }



        header .content {

            position: absolute;

            width: 100%;

            left: 0;

            margin-left: 0;

            bottom: 3vh;

            text-align: center;

        }



    section {

        padding: 1rem 0;

    }



        section p, section li {

            padding: 0 1rem;

            font-size: 1.2rem;

            line-height: 1.8rem;

        }



        section li {

            margin-left: 1rem;

            padding-left: 1rem;

        }



    .section2 {

        padding: 1rem 0;

        background-color: rgba(0, 0, 0, 1);

    }



    .programmes {

        display: none;

    }

}