.logo {
	position:relative;
	top: -200px;
}

article {
	font-family: 'Gill Sans';
}
.rec {
	background-color: #000; 
	height:250px;

}

nav {
	
	position:relative;
	top: 110px;
	margin:0em 5em;
	
	text-align:center;
	
}
nav ul {
	list-style-type: none;
	background-color: #BE1E2D;
	min-width: 70%;
	font-size: 15pt;
}

nav li {
	display: block;
	color: #FFF;
	text-align: center;
	padding:1em;

}

.active {
	background-color: red;
	padding: 1em;
}

li a:hover {
	font-size:20pt;
}

li a:link {
	text-decoration: none;
	color: #FFF;

}
li a:visited {
	text-decoration: none;
	color: #FFF;
}

.cal {
	margin-top: 200px;
} 
.cal img {
	display:block;
	margin: auto;
	width: 70%
}

ul .noNav{
	list-style-type: square;
	list-style-position: inside;
}



h2 {
	font-size: 18pt;
	font-weight: normal;
}
h1 {
	font-size: 20pt;
	font-weight: normal;
}

.he {
	
	margin:0em 5em;
	text-align: right;
}
.she {
	margin: 2em 5em ;
	text-align: right;
}
.hug {
	margin:0em 5em;

}
.art {
	background-color:#C3BFD2;
}

.headings {
position:relative;
	top:-100px;
	margin-right: 3em;
	margin-left: 5em;
	width: 50%;
	display: inline-block;
	text-align: center;
}

.move {
	margin-top: 150px;
	margin-left: 5em;
	margin-right: 5em;
}

.out {
	float: right;
	margin-right: 5em;
	max-width: 60%;

}

.border {
	background-color: #000;
	color: #FFF;
	width: 500px;
	padding: .5em 2em;
}

.umm {
	max-width: 100%;
}

.dress {
	width:50%;
}
@media screen and (min-width:1000px) 
{
	
	nav ul {
	padding: 2em 0em;
	min-width: 1000px;
	}
	
	nav li {
		display: inline;
	  padding:4em;

}
	.art {
	height: 460px;
	}
	

	
}