.side-nav-left {
	visibility: hidden;
}
.side-logo-left {
	visibility: visible;
}
.side-logo-left img {
	width:50px;
}
.site-brand {
	margin-left: -80px;
}
.site-brand a {
    margin-left: 20px;
}
.logo-middle {
	display: block;
}
.logo-middle img {
	width: 0px;
}
.link-middle {
	visibility: visible;
}
.containertitle .image {
	display: block;
}
.containertitle .title {
	width: 50%;
}
.grid {
    flex-direction: row;
}
.gridstay {
	display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.gridrow {
    margin: 0;
}
.hidewhensmall {
	display: block !important;
}
.hidewhenbig {
	display: none !important;
}
.hideflexwhensmall {
	display: flex !important;
}
#divimage .gridrow {
    display: block; 
}
#divimage img {
    padding: 5px; 
}
/* about*/
.content-about {
	flex-direction: row;
}
/* application*/
.description {
	grid-template-columns: 2fr;
}
/*.content-about .image-right {margin-left: 0px}*/
.content-about .image-section {order: 0;}
.content-about .text-section {order: 0;}
@media screen and (max-width: 800px) {
	.side-nav-left {
		visibility: visible;
	}
	.side-nav-left {
		visibility: visible;
	}
	.side-logo-left {
		visibility: hidden;
	}
	.side-logo-left img {
		width:0px;
	}
	.site-brand {
		margin-left: 0px;
	}
	.site-brand a {
	    margin-left: -35px;
	}
	.logo-middle {
		visibility: visible;
	}
	.logo-middle img {
		width: 50px;
	}
	.link-middle {
		display: none;
	}
	.containertitle .image {
		display: none;
	}
	.containertitle .title {
		width: 100%;
	}
	.grid {
	    flex-direction: column;
	}
	.gridrow {
	    margin: 10px 0;
	}
	#divimage .gridrow {
		display: flex;
	}
	.hidewhensmall {
		display: none !important;
	}
	.hidewhenbig {
		display: block !important;
	}
	.hideflexwhensmall {
		display: none !important;
	}
	.text-container {
	    flex: 1; 
	    padding: 10px; 
	}
	.gridrow a {
	    flex: 1; 
	}
	.gridrow img {
	    width: 100%;	
	    height: auto;
	}
	/* about*/
	.content-about {
		flex-direction: column;
	}
	.content-about .image-section {
		order: -1;
		height: 80px;
		width: 100%;
	}
	.content-about .image-right {margin-left: 0px}
	.content-about .text-section {order: 1;}
	/* it*/
	.content-it {
		flex-direction: column;
	}
	.content-it .image-section {
		order: -1;
		height: 80px;
		width: 100%;
	}
	/* application*/
	.description .grid-container {
		grid-template-columns: 1fr;
	}
	.description h2 {
		padding-bottom: px;
	}
	.description a {
		padding-bottom: 20px;
	}
		
   #divleft { 
	    float: none;
	    padding-left:0;
	    width:100%;
		text-align: justify;
    }
   #divright { 
	    margin-top:20px;
	    width:100%;
		text-align: justify;
    }
}