html,body {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}

body {
	font-size: 16px;
	font-family:helvetica;
	display: table;
}

header {
	height:125px;
	padding-top:10px;
	width: 100%;
	text-align:center;
	border-bottom:2px solid rgb(88, 32, 80);
	display: table-row;
}

header > img {
	cursor:pointer;
	display:inline-block;
}

header > span {
	display:inline-block;
	margin:4px;
	font-size:120%;
	font-weight:bold;
}

div.hr {
	background-color:rgb(88, 32, 80);
	font-size:1px;
	width:100%;
	height:5px;
}


footer {
    position: absolute;
    bottom:0px;
	background-color:rgb(88, 32, 80);
	font-size:1px;
	width:100%;
	height:5px;
}

section {
    font-size:120%;
    display:block;
    width:100%;
}

section > div {
    width:40%;
    margin:10px auto;
}

@media (max-width: 800px) {
    section > div {
        width:80%;
    }
}

.dlbtns > button {
    cursor:pointer;
    font-weight:bold;
    border-radius:4px;
    background-color:rgb(159,171,56);
    border:1px solid black;
    display:block;
    padding:10px;
    margin:5px auto;
    width:60%;
}