.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:#628B48;
	border: 1px;
	text-decoration-line: none;
	text-decoration-style:wavy;
}
a:visited{
   color:#628B48;
}
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;
}

.styled-table {
    border-collapse: collapse;
    margin: 1% 0% 0% 0%;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}