body{	
	background-color: #363636;
}

.section {
	padding: 8rem 0 7rem;
	text-align: center;
}

.section-heading,
.section-description {
	margin-bottom: 1.2rem;
}

.header{
	background-color: rgb(0, 0, 0);
	color: white;
}

.header-content{
	margin: 2rem;	
}

.header-logo-link{
	display: flex;
	justify-content: center;
    align-items: center;

	color: white;
	text-decoration: none;
	 font-weight: bold;
}

.header-content-logo img{
	width:60px;
	height: 60px;
}

.header-content-text{
	margin-left: 1rem;

	font-size: 3.5rem;
}


.hero{
	background-image: url("pics/hero_background_left.png"), url("pics/hero_background_right.png"), url("pics/hero_baseBackground.png");
	background-repeat:no-repeat, no-repeat, repeat-x;
	background-position: center left, center right, bottom center;
	background-color: #5e7598;
	background-size: contain;
	
	font-size: 3rem;
}

.textbox,
.textbox-big-hidden{
	border: 2px solid rgba(255,255,255,1);
    border-radius: 12px;
	background-color: rgba(165, 165, 165, 0.75);
}


/*
.bright{
	background-image: url("pics/bg_bright.jpeg");
	background-size: cover;
}

.bright-desc {
	padding-bottom: 5rem;
}

.bright-screenshots {
	margin-bottom: 4rem;
}
*/

.features-column{
	color: white;
}

.features, .features-base, .screenshots-base{
	color: white;
	
	padding: 1em;
	border: 2px solid rgba(255,255,50,1);
    border-radius: 12px;
	background-color: rgba(75, 75, 75, 0.6);
	
}

.features{
	margin-top: 1em;
	
	border: 2px solid rgba(50,50,50,1);
}

/*
.radList{
	list-style:none;
}

.radList > li:before {
	content: "\2622";
}
*/

.bolder{
	font-weight: 900;
	color: rgba(255,255,50,1);
}






.gallery{
	
	background-size: cover;
	padding-bottom: 5rem;
}

.gallery-column{
	color: white;
}

.screenshot{
	border: 2px solid rgba(50,50,50,1);
    border-radius: 12px;
}

.screenshots img{
	width: 99%;
	height: 99%;
	object-fit: contain;
}

.screenshots{
	color: white;
}

.assetViewElement{
    border-radius: 12px;
	background-color: rgba(75, 75, 75, 0.6);

	padding: 5px;
	margin: 5px;
}

.noLinkHighlight{
	text-decoration: none;
	color: white;
}

.hiddenGalleryImages a img{
	visibility: hidden;
	height: 0px;
	width: 0px;
}







.header, .footer {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.footer{
	background-color: rgb(25,25,25);

	padding-top: 1em;
	margin-top: 2em;
	font-size: 150%;
}

.footer_list{
	list-style-type: none;
	text-align: center;
}

a.footer_link{
	color: white;
}

.about-base{
	border: 2px solid rgba(255,255,255,1);
    border-radius: 12px;
	background-color: rgba(75, 75, 75, 0.6);
}

.about{
	background-image: url("pics/keyboard.jpeg");
	background-size: cover;
}

.about-column{
	color: white;
}

.privPol-header, .privPol-column{
	color: white;
}

.privPol-column{
	border: 2px solid rgba(75, 75, 75, 1);
    border-radius: 12px;
	background-color: rgba(75, 75, 75, 0.75);
}

.privPol_Content{
	background-image: url("pics/bg_pp.jpeg");
	background-size: cover;
}

.notFound{
	/*
	background-image: url("pics/keyboard.jpeg");
	background-size: cover;
	*/
}

.notFound-base{
	border: 2px solid rgba(255,255,255,1);
    border-radius: 12px;
	background-color: rgba(75, 75, 75, 0.6);
}

.notFound-column{
	color: white;
}
.notFound-column a{
	font-size: 2em;
}

@media (min-width: 750px) {
	.bright-screenshots  {
		padding: 15rem 0 8rem;
	}
}

@media(min-width: 1500px){
	.textbox-big-hidden{
		border: none;
		background-color:rgba(0,0,0,0);
	}
}
@media(max-width: 1500px){
	.hero-description{
		padding: 20px;
	}
}