html {
			background: #18181d !important;
		}
		
		body {
		   max-width: 100%;
		   overflow-x: hidden;
		}
		
		#left-text{
			text-align: right;
		}
		
		#rigth-text{
			text-align: right;
		}
		
		
		
		@media(min-width:200px) and (max-width:300px) {
			.row-full-spaces{
				margin-right: -30px !important; margin-left: -30px !important;	
			}

			
		}

		@media(min-width:301px) and (max-width:400px) {
			.row-full-spaces{
				margin-right: -30px !important; margin-left: -30px !important;	
			}
			
		}
		
		@media(min-width:401px) and (max-width:500px) {
			.row-full-spaces{
				margin-right: -30px !important; margin-left: -30px !important;	
			}
			
		}
		
		@media(min-width:501px) and (max-width:799px) {
			.row-full-spaces{
				margin-right: -15px !important; margin-left: -15px !important;	
			}
			
		}

		@media(min-width:800px) and (max-width:950px) {
			.row-full-spaces{
				margin-right: -15px !important; margin-left: -15px !important;	
			}
			
		}

		@media(min-width:951px) and (max-width:2560px) {
			.row-full-spaces{
				margin-right: -15px !important; margin-left: -15px !important;	
			}
			
		}
		
		
		/******** cells small ************/
		
		@media(min-width:200px) and (max-width:300px) {
			.cell-fix-spaces{
				margin-bottom: 0px !important;	
			}

			
		}

		@media(min-width:301px) and (max-width:400px) {
			.cell-fix-spaces{
				margin-bottom: 0px !important;	
			}
			
		}
		
		@media(min-width:401px) and (max-width:500px) {
			.cell-fix-spaces{
				margin-bottom: 0px !important;	
			}
			
		}
		
		@media(min-width:501px) and (max-width:799px) {
			.cell-fix-spaces{
				margin-bottom: 2px !important;	
			}
			
		}

		@media(min-width:800px) and (max-width:950px) {
			.cell-fix-spaces{
				margin-bottom: 2px !important;
			}
			
		}

		@media(min-width:951px) and (max-width:2560px) {
			.cell-fix-spaces{
				margin-bottom: 2px !important;
			}
			
		}
		/******** sections ************/
		
		@media(min-width:200px) and (max-width:300px) {
			
			
			section {
				padding: 0px 0px 0px 0px !important;
			}

			
		}

		@media(min-width:301px) and (max-width:400px) {
			section {
				padding: 0px 0px 0px 0px !important;
			}
			
		}
		
		@media(min-width:401px) and (max-width:500px) {
			section {
				padding: 0px 0px 0px 0px !important;
			}
			
		}
		
		@media(min-width:501px) and (max-width:799px) {
			section{
				padding: 80px 0 80px 0 !important;
			}
			
		}

		@media(min-width:800px) and (max-width:950px) {
			section{
				padding: 80px 0 80px 0 !important;
			}
			
		}

		@media(min-width:951px) and (max-width:2560px) {
			section {
				padding: 80px 0 80px 0 !important;
			}
			
		}
		
		/******hidde row ***************/
		
		@media(min-width:200px) and (max-width:300px) {
			.hidden-row{
			 display:none;		
			}

			
		}

		@media(min-width:301px) and (max-width:400px) {
			.hidden-row{
			  display:none;		
			}
			
		}
		
		@media(min-width:401px) and (max-width:500px) {
			.hidden-row{
			 display:block;	
			}
			
		}
		
		@media(min-width:501px) and (max-width:799px) {
			.hidden-row{
			  display:block;	
			}
			
		}

		@media(min-width:800px) and (max-width:950px) {
			.hidden-row{
			  display:block;	
			}
			
		}

		@media(min-width:951px) and (max-width:2560px) {
			.hidden-row{
			  display:block;	
			}
			
		}
		
		.image {
			position: relative;
			width: 100%;
			height: auto;
		}
		.image::after {
			content: '\A';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(59,151,206,0.4);
			opacity: 0;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
	     }