#main {
  background-color: #A63B50;
  padding: 2rem;
}

body{background-color: #A63B50;}

h1 {color: #ecf0fe;
  font-family: 'Caveat', cursive;
  font-size: 40px;}

h2 {color: #ecf0fe;
  font-family: 'Caveat', cursive;
  font-size: 30px;}

h3 { color: #ecf0fe;
  font-family: 'Caveat', cursive;
  font-size: 30px;}


#main p {
	color: #ecf0fe;
  font-family: 'Caveat', cursive;
  font-size: 30px;
}

li {color:#ecf0fe; font-size:2em;}
p{color:#ecf0fe; font-size:2em;}
input {color:#ecf0fe; font-size:2em;}
#subject {color:rebeccapurple;}

#footer {
	background-color: #E7D592;
  padding: 0.1rem 1rem;
  color: #231e0b;
}

.footer {color: #231e0b;}

#logo {
  display: block;
	margin-left: auto;
  margin-right: auto;
}
#nav {
  background-color: #AFACC7;
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-weight: bold;
  list-style: none;
  margin: 0;
}
#nav li {
	margin: 0 3rem;
  font-size: 1.2em;
}
#nav li a {
	text-decoration: none;
  color: #3F367C;
  padding: 0 1rem;
}
#nav a#current {
	background-color: #3F367C;
  color: #AFACC7;
}

.img-responsive {
	width: 100%;
  max-width: 300px;
}
.col {
	float: left;
  width: 50%;
}
.row:after {
	content: "";
  display: table;
  clear: both;
}
.text-center {
	text-align: center;
}

input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical;
}
.submit {
  background-color: white;
  color: black;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  }
.submit:hover {
  background-color: white;
}
  
label {color:#ecf0fe;}
      
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

@media screen and (max-width:768px) {nav {width:600px;} img {width:738px;}}