html,body{
    margin:0;
    padding:0;
}
a, a:visited, a:active{
    color: #175e0d;
}
div.footer{
    #background-color: #59bb4c;
    background: url(footer.png) left bottom no-repeat, url(footer2.png) right bottom no-repeat, linear-gradient(0deg, rgba(89,187,76,1) 0%, rgba(255,255,255,1) 100%);
    background-size: 30% auto;
    #linear-gradient(0deg, rgba(89,187,76,1) 0%, rgba(255,255,255,1) 100%);
    text-align: center;
    padding:5px;
    margin:0;
    min-height: 150px;
}
div.footer a, a:visited, a:active{
    font-weight: bold;
    margin-left:10px;
    margin-right: 10px;
}

div.header{
    #background-color: #59bb4c;
    background-image: linear-gradient(180deg, rgba(89,187,76,1) 0%, rgba(255,255,255,1) 100%);
    text-align: center;
    padding:5px;
    margin:0;
}

div.header div.nav{
    position: absolute;
    margin-top:40px;
    right:50px;
    
}

div.header div.nav a{
    margin-right:10px;
    padding:10px;
    background-color: #59bb4c;
    border-radius: 10px;
    color: #dcf1da;
    font-weight: bold;
    min-width: 150px;
    display: inline-block;
    text-align: center;
}

div.page{
    padding-left: 30px;
    padding-right:30px;
}

hr {
    height:40px;
    background-image: linear-gradient(0deg, rgba(89,187,76,1) 0%, rgba(255,255,255,1) 100%);
    border:none;
}

@media (max-width: 1000px){
    div.footer{
	background-size: 40% auto;
	padding-bottom: 75px;
    }
    div.header{
	text-align: left;
	padding-left:50px;
    }
    hr {
	height:25px;
    }
}
@media (max-width: 750px){
    div.footer{
	background-size: 45% auto;
	padding-bottom: 50px;
    }
    div.header div.nav{
	position: static;
	margin:10px;;
	display:block;
	width:100%;
	text-align:right;
    }
    div.header div.nav a{
	margin:5px;
	margin-right: 20px;
    }
    hr {
	height:15px;
    }
}
@media (max-width: 500px){
    div.footer{
	background-size: 55% auto;
	padding-bottom: 50px;
    }
    hr {
	height:10px;
    }
}