body {
	background-color: #a9d9d4;
  	padding-top: 3rem;
  	padding-bottom: 3rem;
  	color: #5a5a5a;
  	font-family: Roboto, sans-serif;

}

body p {
	margin-left: 20px;
}

/* MAIN LINKS */
main a:link {
	color: #5a5a5a;
	text-decoration: none;
}

main a:visited {
	color: #5a5a5a;
	text-decoration: none;
}

main a:hover {
	color: #5a5a5a;
	text-decoration: underline;
}

main a:active {
	color: #5a5a5a;
	text-decoration: underline;
}

h1 {
	font-family: sutro-black-initials, serif;
	color: #562c73;
	letter-spacing: 3px;
	text-shadow: 3px 3px white;
}

h2 {
	font-family: sutro, serif;
	font-weight: 700;
	color: #ff583b;
}

h3 {
	font-family: Roboto, sans-serif;
	font-weight: 200;
	margin-top: 15px;
	color: #562c73;
	
}

.rightalign {
	text-align: right; 
}

main img {
	display: block;
  	margin-left: auto;
 	margin-right: auto;
 	margin-top: 100px;
 	margin-bottom: 100px;
  	width:  75%; 
  	max-width: 600px;

  }
  
/* .animate {
	animation: fadein 2s;
} */
  
.smimage {
	display: block;
  	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: -50px;
  	max-width: 400px;
}
  
.center {
	display: block;
  	margin-left: auto;
 	margin-right: auto;

}
  

.btn-group{
	padding: 10px;
	margin: auto;
	width: 100%;
	font-family: Roboto, sans-serif;
}

.btn-group a:hover{
	text-decoration: none;
}


.navbar {
  margin-bottom: 4rem;
  background-color: #32a3ae;
}

.whitebox {
	background-color: white;
	border-radius: 30px;
	padding: 20px;
	margin-bottom: 50px;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

footer {
	font-size: 0.75em;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  border: 2px solid white;
}

/* Thin out the marketing headings */
.featurette-heading {
  line-height: 1;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
h1 {
	font-size: 3.5em;
}

  .featurette-heading {
    font-size: 3em;
  }
}

.smimage {
	width: 90%;
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 0rem;
  }
}