body{
	font-size:18px;
	font-family:sans-serif;
	
}


textarea {
	display:block;
	width:60%;
	padding:8px;
	margin-left:20%;
}

#form {
	position:absolute;
	top:0;	
	bottom:0;
	width:100%;
	height:100%;
	background:lightblue;
}

#registration-form {
	padding-top:10%;
	text-align:center;
	font-size:40px;
}

#submit {
	font-size:20px;
	width:80px;
	height:40px;
}


#cancel {
	margin-left:80%;
	background:lightblue;
	font-size:15px;
	border:none;
	text-decoration:underline;
	font-style:italic;
}

.selections {
	padding:10px;
}

h1,h2 {
	width:100%;
	text-align:center;
	font-family: sans-serif;
}

#about {
	padding: 5%;
    background: white; /* older browsers */
    background: rgba(255, 255, 255, 0.7); /* newer browsers */
	
	/*opacity: 0.8;
    filter: alpha(opacity=80); */
}


#rsvp button img {
	width:30px;
	height:30px;
	display:block;
	padding-bottom:5px;
	margin:auto;
}


#rsvp {
	background-color: white;
    width: 100%;
	padding-top:5px;
	padding-bottom:10px;
}

#moreInfo,#close {
	width:80px;
	height:60px;
	text-align:center;
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	text-decoration:underline;
	font-style:italic;
	color:navyblue;
}

#rsvp h2 {
	margin-top:0px;
}

#time span {
	font-weight:bold;
}

#button-container {	
	 width:80%;
	 margin-left:auto;
	 margin-right:auto;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-justify-content: space-between;
	 justify-content: space-between;
}


#time {
	background-image:url("../img/ottawa-deco.png");
	background-position:left bottom;
	background-size:cover;
	padding:10px;
	text-align:center;
}


nav a{
	 padding:5%;
}

body {
	width:100%;
	height:100%;
	background-image:url("../img/ottawa.jpg");
	background-size: cover;
	margin:0;
}


#about {
	display:none;
}

@media screen and (min-width: 769px) {
	#time{
		width:60%;
		margin-left:auto;
		margin-right:auto;
		margin-top:5%;	
	}
	#about {
		width:52%;
		margin-left:auto;
		margin-right:auto;
		padding-top:3%;
	}
	#about h2 {
		margin:0;
	}

	#rsvp {
		margin-top:3%;
	}
}