body {
    background: #0077A2;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 0 auto;
    top: 0;
}
header {
    width: 100%;
    margin:  0 auto;
}
header img {
    display: block;
    margin: 0 auto;
}
h1 {
    color: #efefef;
}
ul {
    list-style-image: url('../img/highlightdot2.gif');
}

.card {
	width: 800px;
}

a:hover {
    text-decoration: none;
}

#footerSection {
    position: fixed;
    top: 0;
    left: 1rem;
}

@media only screen and (max-width: 780px) {
    h1 {
        font-size: 20px;
    }
    .card {
        width: 100%;
    }

    p {
        font-size: 13px;
    }

    ul li a {
        font-size: 12px;
    }

    h5 {
		font-size: 17px;
	}
}