@charset "utf-8";

body {
	background-color: #833D3E;
	font-family: 'Bentham', serif;
	font-size: 25px;
	color: #FFFFFF;
}

a {
	color: white;
}

.footer {
	position: absolute;     
    text-align: center;    
    bottom: -3500px; 
    width: 99%;
}

.catg {
	margin: 4pc;
  	width: 300px;
	height: 280px;
  	padding: 25px;
  	border: 5px dotted;
	border-color: #FFFFFF;
	border-radius: 15px;
	float: left;
	transition: transform .2s;
}

.catg img{
	width: 250px;
	height: 250px;
}

.catg:hover {
	transform: scale(1.2);
	background-color: #4F2425
}

* {
	box-sizing: border-box;
}
	
.header {
	background-color: #6B3536;
	padding: 20px;
	text-align: center;
}
	
.header img {
	height: 200px;
	width: 1000px;
}
	
.topnav {
	overflow: hidden;
	background-color: #472222;
}
	
.topnav a {
	float: left;
	display:block;
	color: #F2F2F2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.topnav a:hover {
	background-color: #BDA99C;
	color: black;
}