header{position: relative;width: 100%;min-height: 100%;overflow-y: hidden;margin-top:50px;
	width:100%;
	background-image: url('../images/rogmes.jpg'); /* Replace with your image path */
      background-repeat: repeat-y; /* Repeat vertically */
      background-size: contain; /* Keep the original width of the image */
      background-position: center; /* Center the image horizontally */
	}
	.outOfPaint{width:100%;}
	.red-paint{-webkit-transition-delay: 1.5s; /* Safari */transition-delay: 1.5s;}
	.blue-paint{-webkit-transition-delay: 1s; /* Safari */transition-delay: 1s;}
	.violet-paint{-webkit-transition-delay: 0.5s; /* Safari */transition-delay: 0.5s;}
	.paint{display: block;margin:0 auto;opacity:0;max-width:100%;cursor:pointer;
		-webkit-transition-property: opacity; /* Safari */
		-webkit-transition-duration: 1s; /* Safari */
		transition-property: opacity;
		transition-duration: 1s;
    }
	@media(max-width:1040px){
	.paint{width:80%!important;}
	.outOfPaint{width:70%!important;margin:0 auto;}
	}
	.main-desc{color:#fff;font-size:50px;text-align:center;margin-top:3%;}
	.title-desc{font-size:25px;}
	@media(max-width:767px){
		.main-desc{font-size:30px;}
	}
	
	.xs-paint{color:#fff;font-weight:bold;width:100px; text-align:center;padding:8px 0 8px 0;
				margin:0 auto;border-radius:10px;margin-top:20px;font-size:18px;cursor:pointer;}
	@media(max-width:370px){
		.main-desc{font-size:20px;}
		.title-desc{font-size:15px;margin-bottom:0;}
		.xs-paint{width:100%;font-size:12px;}
		.title-main{margin-bottom:0;}
	}
	.dark-img{z-index:1;float: left;width: 100%;position:absolute;height:100%;
	  background: rgba(0,0,0,0.7); /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.8),rgba(0,0,0,0.7),rgba(0,0,0,0.1)); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(bottom,rgba(0,0,0,0.8),rgba(0,0,0,0.7),rgba(0,0,0,0.1)); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(bottom,rgba(0,0,0,0.8),rgba(0,0,0,0.7),rgba(0,0,0,0.1)); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0.7),rgba(0,0,0,0.1)); /* Standard syntax */
	  background: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0.7),rgba(0,0,0,0.1));
	}

	.about{margin-top:50px;margin-bottom:50px;}
	.main-img{width:100%;float:left;}
	
	.main-content{width:90%;max-width:1200px;margin:0 auto;}
	.black-container{width:100%;height:50px;background-color:rgba(0,0,0,0.7);float:left;}
	
	.me-img{z-index:-1;width:100%;margin-top:50px;height:100%;}
	
	
	.light-grey-container{min-height:500px;width:100%;background-color:#ccc;float:left;}
	.info{margin-top:35%;text-align:center;}
	.grey-container{background-color: #f8f8f8;float:left;width:100%;margin-top:50px;margin-bottom:50px;padding-bottom:50px;}
	.events{padding:10px;color:#fff;background-color:rgba(0,0,0,0.8);width:150px;text-align:center;margin-top:30px;float:left;border-radius:10px;}