/* Basic Structure */
.header {
	background-color: #fff;
	border-color: #D2B48C;
	border-style: solid;
	margin-bottom:20px;
	padding: 20px;
}
.container{
	
	margin:auto;
	max-width: 90%;
	font-family: garamond, arial;
}

.column{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	}
.columnleft{
	width:100%;
	background-color:#26a2ab5c;
	text-align: center;
    color: #000;
    padding: 15px;
	 order:1;
	min-height:100px;
}
.columncenter{
	background-color:#ffffff;
	order:2;
	width:10%;
	min-height:20px;
}
.columnright{
	width:100%;
	background-color:#f6f1e8;
	text-align: center;
    color: #000;
    padding: 15px;
	order:3;
	min-height:100px;
}
/* Content inside columns (optional) */

.column h2 {
  color: white; /* Text color for headings inside columns */
  margin-bottom: 10px;
}
/* Text color for paragraphs inside container */
.container p {
  color: black;
	font-family: math, monospace, arial;
	
	
}
img{
 max-width: 100%; 
    height: auto; 
}
.item a {	color:white;
	text-decoration:none;
	
	
}
.menunav {
 
  padding: 0 15px;
  color:#fff;
}
.menu {
  color: white;
  text-decoration: none;
  list-style-type: none;
}
.menu ul {
 padding: 0px;
}

.item{
padding:10px;
margin:10px;	
background-color:  #19193c;
}
.item.button {
  padding: 9px 5px;
}
.item:not(.button) a:hover,
.item a:hover::after {
  color: #ccc;
}
/* Tablet menu */
@media all and (min-width: 768px) {
	
}

/* Desktop menu */
@media all and (min-width: 960px) {
.column{
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	}
.columnleft{
	width:45%;
	background-color:#26a2ab5c;
	text-align: center;
    color: #000;
    padding: 15px;
	 order:1;
	min-height:700px;
}
.columncenter{
	background-color:#ffffff;
	order:2;
	width:10%;
}
.columnright{
	width:45%;
	background-color:#f6f1e8;
	text-align: center;
    color: #000;
    padding: 15px;
	order:3;
	min-height:700px;
}
}