@charset "utf-8";
/* CSS Document */

	.parallax {
		height: 100%;
		max-height: 240px;
		background-image: url('/assets/mod_server/main_background.png');
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 20px;
	}
	
	.section {
		padding: 20px;
		background: #616161;
		height: 100%;
		max-height: 400px;
	}
	
	.download_button {
		border: 1px solid white;
		border-radius: 8px;
		text-align: center;
		width: 250px;
		display: inline-block;
		height: 200px;
		padding: 8px;
		color: white;
		text-decoration: none;
		margin: 4px 0px;
		white-space: normal;
		transition: .3s;
	}
	
	.download_button:hover, :focus {
		border: 1px solid #F1A710;
		text-decoration: none;
		color: #F1A710;
	}
	
	@media screen and (min-width: 768px) {
		.sectionAbout {
			padding: 20px;
			background: #616161;
			height: 100%;
			max-height: 375px;
			min-height: 375px;
		}
		
		.main_logo {
			width: 400px;
			height: 400px;
		}
		
		.sectionAbout .aboutleft {
			text-align: left;
		}
		
		.sectionAbout .aboutleft p {
			width: 250px;
		}
		
		.sectionAbout .aboutright {
			text-align: right;
		}
	}
	
	@media screen and (max-width: 768px) {
		.sectionAbout {
			padding: 20px;
			background: #616161;
			height: 100%;
			max-height: 520px;
			min-height: 520px;
		}
		
		.sectionAbout .aboutleft {
			text-align: center;
		}
		
		.sectionAbout .aboutright {
			text-align: center;
		}
	}