body {
	padding: 0;
	margin-top: 10vh;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
}


a {text-decoration: none;}
a:link {color: #990000;}
a:visited {color: #990000;}
a:hover {color: #000000;}


/* Begin coding for responsive pages */

* {box-sizing: border-box;}

img {max-width: 100%; height: auto;}

.row:after {
	content: "";
	clear: both;
	display: block;
	}

/* 12 columns: */
[class*="col-"] {
	float: left;
	padding-top: 0;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	}

[class*="col-"] {width: 100%;}


@media only screen and (max-width:250px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	.button {font-size: 0.5em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.1em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.05em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.em;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	}

@media only screen and (max-width:470px) and (min-width:250px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	.button {font-size: 0.5em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.1em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.05em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.em;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	i {font-size: 0.8em; font-style: italic;}
	table {font-size: 0.75em;}

	#navbar {font-size: 0.75em;}
	.overlay-content {font-size: 1.5em; line-height: 1.75em;}
	}

@media only screen and (max-width:630px) and (min-width:470px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	.button {font-size: 1em;}

	a {font-size: 0.5em;}
	p {font-size: 1em;}
	b {font-size: 1em;}
	li {font-size: 1em;}
	i {font-size: 1em; font-style: italic;}

    .logo {
        margin-left: auto;
		margin-right: auto;
        max-width: 50%;
        height: auto;
		display: block;
        }
	}


@media only screen and (max-width:1150px) and (min-width:630px) {
	/* For tablets: */
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}

	.button {font-size: 1.8em;}

	a {font-size: 0.9em;}
	p {font-size: 1.8em;}
	b {font-size: 1.8em;}
	li {font-size: 1.8em;}
	i {font-size: 1.8em; font-style: italic;}

    .logo {
        float: left;
        margin: 0 1em 1em 1em;
        max-width: 30%;
        height: auto;
        }
	}

@media only screen and (min-width:1150px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	.button {font-size: 2em;}

	a {font-size: 1em;}
	p {font-size: 2em;}
	b {font-size: 2em;}
	li {font-size: 2em;}
	i {font-size: 2em; font-style: italic;}

    .logo {
        float: left;
        margin: 0 1em 1em 1em;
        max-width: 30%;
        height: auto;
        }
	}

 /* end coding for responsive pages */