body, html{
	margin:0px !important;
	padding:0px !important;
	font-family: 'Muli', sans-serif;
	text-align:center;
	width:100%;
	color: #3F3844;
}

/* MAIN LAYOUT */ 
.header{
	position: -webkit-sticky;
	position: sticky;
	position: sticky;
	top:0;
}
.footer{
	height:60px;
	background-color:#404248;

}
.main-container{
	width:100%;
	background-image: url("backgd-larger.png");
	background-repeat: repeat;
	min-height: 100vh;
}
.main{
	padding:5%;
	
}

.news-container{
	display:flex;
	justify-content: space-between;
	background-color: #a27ea9;
	align-items: flex-end;				
}
.news-container p{
	color:white;
}
.news-container > div:not(:nth-child(2)){
	display:flex;
	align-items: flex-end;
}			
.news-container > div:nth-child(2){
	padding-bottom:50px;				
}
.news-container img{
	width:100%;
}
#img-left-news img{
	max-width: 150px;
}
#img-right-news img{
	max-width: 150px;
}
p.large-font-size{
	font-size:36pt;
	font-weight: bold;
}
.button-link{
	padding:10px;
	/* same padding to avoid weird overflow */
}
.button-link a{
	text-decoration: none;
	color:white;
	background-color: #32373c;
	padding:10px;
	border-radius:5px;
	font-size:16pt;
	font-weight: lighter;
}
.button-link a:visited{
	color:white;
}

.flex-row{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.flex-item{
	flex:1;
	padding:20px;
}
.flex-item img{
	width:100%;
}
p.medium-font-size{
	font-size:20pt;
	font-weight: bold;
}
p.home-font-size{
	font-size:16pt;
}
p.review{
	font-size:18pt;
	font-weight: bold;
}
p.reviewer{
	font-size:16pt;
	font-style:italic;
}

.main, .categories{
	background-color: white;/*#FFFEF2;*/
}
.categories{
	display: flex;
	flex-direction: column;
}
.colored-item{
	background-color: #d4af8f;
	padding:50px 50px 50px 50px;
}
#img1{
	max-width:700px;
}
#img3{
	max-width:500px;
}
#img2{
	max-width:500px;
}
#img4{
	max-width: 300px;
}
.flex-row{
	margin-bottom:50px;
}
.categories .flex-item{
	flex:1;
}
.margin-right{
	margin-right:50px;
}
.margin-left{
	margin-left:50px;
}
@media (max-width: 700px){
	.flex-row{
		flex-direction: column;
	}
	.colored-item{
		order:1;
	}
	.img-item{
		order:2;
	}
	.img-item{
		width:70%;
	}
	.button-link a{
		font-size: 12pt !important;
	}
}