.maintitle{
  background-color: #233d4d;
  color:#b26e63;
  padding: 1% 1% 2% 1%;
  /*text-align: center;*/
  font-weight:500;
  font-family:calibri;
  font-size:2em;  
}

.quote{
  background-color: white;
  color: #628b48;
  padding-bottom: 0%;
  padding-top: 0.5%;
  padding-bottom:0.5%;
  text-align: center;
  font-weight:600;
  font-family:calibri;
  font-size:1.2em;  
  font-style:italic;

}

.wrappertext{
  word-break: break-word;
  flex:1 ; 
  width: 50%;
  /*background-color: #90a8c3;*/
  /*color: #e0a458;*/
  color: #c14953;
  padding: -1% 1% 0.5% 0.5%;
  font-weight:300;
  font-family:calibri;
  font-size:1em;  
  
}

.wrapperimage{
		min-width: 40%
		width: 60%;
		padding: 1% 1% 1% 1%;
		width: 40%;
}


.wrapper{
		background-color: #90a8c3;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
        float: right; 
        margin: 0.5% 0.5% 0.5% 0.5%; 
        min-width: 40%; 
        max-width:60%;
        height: auto; 
  
}

a:link{
    color:#f57c00;
	border: 1px;
	text-decoration-line: none;
	text-decoration-style:wavy;
}
a:visited{
  color:#43a047;
}
a:hover{
	font-size:1.5em;
}
a:active{
 color:#c14953;
}

.main-buttons{
	 background-color:#628b48;
     color: white;
	float: center;
    padding: 1% 2% 1% 2%;

    border: none;

    border-radius: 13%;

    cursor: pointer;
}

.flex-container{
	display:flex;
	flex-direction:row;
}

.oak{
	color:#628b48;
}

.moss{
	color:#636940;
}