.maintitle{
  background-color: #233d4d;
  color:#b26e63;
  padding: 2% 5%;
  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: 2% 2% 2% 2%;
	font-size: 1em;
    border: none;

    border-radius: 0.5%;

    cursor: pointer;
}


.img{
 max-width = 30%;
}