/*960px 12 column fixed-width style sheet*/







.row{
	margin-left: -1rem;
	margin-right: -1rem;
}

.col-*{
	padding-left: 1rem;
	padding-right: 1rem;
}

.container-fluid{
	max-width:960px;
	margin: 40px auto;
}

.wrapper{
	max-width:600px;
	margin: 0 auto;
}


img{
	width:100%;
}


body {
	background-color:rgb(234, 227, 222);
}

p{
	font-family: 'Roboto Slab';
	letter-spacing:.5px;
	line-height:20px;
	color: rgb(34, 69, 53);
}







.home-button{
	max-width:960px;
	margin: 30px auto;
	text-align:center;	
}

button{
	display: block;
	padding:10px 20px 10px 20px;
	max-width:960px;
	margin: 30px auto;
	font-family: 'Roboto Flex';
	letter-spacing:2px;
	word-spacing:5px;
	text-align:center;	
	font-size:1rem;
	background-color: rgb(209, 163, 100);
	border: solid 2px   rgb(34, 69, 53);
	}

.button-solid{
	background-color: rgb(209, 163, 100);
	}	

button:hover{
		background-color: rgb(34, 69, 53);
		border: solid 2px rgb(209, 163, 100);
		}

button:hover a {
	color: white;
}

article {
	padding: 100px;
	background:	rgb(214, 209, 202);
	text-align:center;
	}


footer {
	padding: 30px;
	background:	rgb(34, 69, 53);
	}


footer p{
    margin:auto;
    text-align:center;
    letter-spacing:2px;
    word-spacing:5px;
    color: white;
    }
    
    
    
.form-control{
    margin: 1rem;
    height: auto;
    padding: calc(.5rem + 2px) .75rem;
    border-radius: 0;
    max-width:250px;
    }


section{
    font-family: 'Roboto Slab';
    font-size:1.875rem;
    line-height:45px;
	text-align:center;
	color: rgb(34, 69, 53);
    }    


a{
color: rgb(34, 69, 53);
text-decoration:none;
text-align: center;
}
a:visited{
color:rgb(34, 69, 53);
text-decoration:none;
text-align: center;
}
a:hover{
color:rgb(209, 163, 100);
text-decoration:none;
text-align: center;
}
a:active{
color:rgb(34, 69, 53);
text-decoration:none;
text-align: center;
}	

 


.row:after {
	content: "";
	display: table;
	clear: both;
}







	
	@font-face{
		font-family:SouvenirGotURW-Bol;
		src:url(SouvenirGotURW-Bol.otf);
		}	

		h2{
			font-family: "SouvenirGotURW-Bol", serif;
			color: rgb(209, 163, 100);
			text-align:center;
			}


@media (max-width: 1200px) {
	body{
		font-size: 14px !important;
	}
}


@media (max-width: 992px) {
	.intro {
		margin-bottom: 1em;
	}
}


@media (max-width: 768px) {
	
	footer p{
		font-size:12px;
	}

	.wrapper{
		padding-left: 2rem;
		padding-right: 2rem;

	}
}


@media (max-width: 576px) { 
	footer p{
		font-size:12px;
	}
}