header{
	background: cadetblue;
	color: #000;
	padding: 15px 4px 4px 4px;
}

body {
	margin: 0;
	background: cadetblue;
	background-repeat: repeat;
  	background-attachment: fixed;
  	background-size: inherit;
}
p{
	font-size: x-large;
}

a{
	color: lightgray;
}

nav h1 {
	background:#999;
	color: #000;
	padding: 5px 10px 0px 10px;
	margin: 0;
	display: inline;
}

iframe{
	margin: 5px;
}

img{
	margin: 5px;
}

.row{
}

/*.col{
	background: #999;
	float: left;
	padding: 5px .5%;
	margin: .5%;
	width: 31%;
	border-radius: 3px;
}*/

.grid{
	background: #999;
}

.container-md{
	margin: 5px;
	background: lightgray;
	border-radius: 5px;
	padding: 7px;
}

.hide-me{
	opacity: 0;
}

footer{
	clear: both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}