@charset "UTF-8";
/* CSS Document */

h1 {
    font: "Big Caslon Medium";
	color: #f8b195;
	font-size: 350%;
	text-align: center; 
	font-weight: thin;
}

#Home{ 
display: block;
margin-left: auto;
margin-right:auto;

}

h2{
    font: "Big Caslon Medium";
	color: #f8b195;
	font-size: 250%;
	text-align: center; 
	font-weight: thin;
}

h3{
    font: "Big Caslon Medium";
    color:white;
    font-size:150%;
}
 h5 {
    color:white;
 	text-align: center;
 	font-size: 120%;
}
div {
	color:white;
}
footer {
 	text-align: center;
 	color:#f8b195;
 	position:absolute; 
    right: 0;
    bottom: auto;
    left: 0;
    padding: 1rem;
}

body{
    background-color: #2f3439;
}
.Thumbnails {float: left;
	width: 200px;
}
.envelopes{ 
display: block;
margin-left: auto;
margin-right:auto;
}
.card {
display: block;
margin-left: auto;
margin-right:auto;
}
.letterhead {
display: block;
margin-left: auto;
margin-right:auto;
}

img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
body {
    font-family: 'Lato', sans-serif;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: white;
    display: block;
    transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
    color: #f8b195;
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.row{
	display: inline-block;
	text-align: center;
}