body{
	margin: 30px;
 	background-image: url('../images/brown.jpg');
 	background-position: left;
 	background-repeat: no-repeat;
 	background-size: cover;
}

a:link {
  color: #00CCCC;
}

a:visited {
  color: black;
}

a:hover {
  color: black;
}

a:active {
  color:skyblue;}


header a:visited {
	text-decoration: none;
	color: rgb(3,33,76);
}


nav {
    font-family: 'Ubuntu', 'Recursive' , sans-serif;
    font-weight: 700;
    font-size: 20px;
	color: #00CCCC;
	text-decoration: none;
	margin:0em;
	letter-spacing: .4em;
	text-align: right;
	display: inline;
	border-radius: 10px 10px 0 0;
    list-style-type: none;
    padding: 30px; 

}
.navbar{
	margin-bottom: 30px;
}

.navbar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: right;
}

.navbar li{
	display:inline-block;
	vertical-align: top;
}
.navbar a{
color: #fff;
text-decoration: none;
background-color: black;
padding: 5px 20px;
border-radius: 10px 10px 0 0;
margin-top: 10px;
margin-right: 10px;
display: inline-block;			
}

.navbar{


}
.navbar a:hover {
  background-color: skyblue;
  color: white;
}

.navbar a:active {
	background-color: skyblue;
	color: white;
}

.logo{
	float: left;
}

.logo a{
	background-color: unset!important;
	margin-top: -30px;
}


img {
	max-width: 100%;
}

footer{
	text-align: center;
	font-size: .7em;
	font-family:'Recursive', 'Ubuntu', sans-serif;
	font-weight:400;
	color: white;
    width: 100%;
    padding: 10px;
    background-color: #6b4100;
    left: -20px;
    position: absolute;
}
.boxweb{
	margin:auto;
	width: 80%;
	border: 1px solid #4f4f4f;
	border-radius: 0.25rem;
	margin-bottom: 40px;
	padding: 35px;
    background-color: #fff;
    border-radius: 20px;
}