@media(max-width: 576px){
	header{
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(57,35,192,0.5)), to(rgba(277,74,65,0.8))), url(../assets/img/mobile_view_background_image.jpg);
	background-image: -webkit-linear-gradient(top, rgba(57,35,192,0.5) 60%, rgba(277,74,65,0.8)), url(../assets/img/mobile_view_background_image.jpg);
	background-image: -o-linear-gradient(top, rgba(57,35,192,0.5) 60%, rgba(277,74,65,0.8)), url(../assets/img/mobile_view_background_image.jpg);
	background-image: linear-gradient(180deg, rgba(57,35,192,0.5) 60%, rgba(277,74,65,0.8)), url(../assets/img/mobile_view_background_image.jpg);
	
	}
}
@media(max-width: 576px){
	/*style for the landing page text*/
		.landing_text h1{
		color: #fff;
		font-family: 'Indie Flower', sans-serif;
		font-weight: 100;
		font-size: 24px;
		}
}

@media(max-width: 576px){
	/*style for the landing page text*/
		.landing_text h3{
		color: #fff;
		font-family: 'Indie Flower', sans-serif;
		font-weight: 100;
		margin-bottom: 3%;
		font-size: 14px;
		}
}

@media(max-width: 576px){
	.landing_text{
	color: white;
	text-align: center;
	margin-top: 35%;
	}
}

@media(max-width: 576px){
	.landing_button{
		margin-top: 30px;
	}
}

@media(max-width: 576px){
	
		.about_img_container img{
			margin-left: 15%;
		}

}

@media(max-width: 576px){

		.about_text{
			text-align: center;
			padding: auto;
		}	
}

@media(max-width: 576px){

		.center_form{
		width: 100%;
		/*margin: 0 auto !important;*/
		}

}

/****************************************************************/
/****************************************************************/

@media(max-width: 576px){
	.skills_column .h_header {
	bottom: 150px;

	}
}

@media(max-width: 576px){
	.skills_column .b_header {
	visibility: hidden;

	}


}

@media(max-width: 576px){
	.developments_column .b_header {
	visibility: hidden;

	}


}



/****************************************************************/
/****************************************************************/
@media(max-width: 768px) and (max-height: 576px){

	.landing_text{
	color: white;
	text-align: center;
	margin-top: 15%;
	}

	
}

@media(max-width: 568px) and (max-height: 576px){
	.landing_text{
	color: white;
	text-align: center;
	margin-top: 10%;
	}

}

@media(max-width: 768px ) and (max-height: 576px  ){
	/*style for the landing page text*/
		.landing_text h1{
		color: #fff;
		font-family: 'Indie Flower', sans-serif;
		font-weight: 100;
		font-size: 24px;
		}

		
}

@media(max-width: 768px ) and (max-height: 576px  ){
	.landing_text h3{
		color: #fff;
		font-family: 'Indie Flower', sans-serif;
		font-weight: 100;
		margin-bottom: 3%;
		font-size: 14px;
		}


}

/****************************************************************/
/****************************************************************/



@media(max-width: 768px){
	.center_form{
	width: 100%;
	}

}

@media(max-width: 992px){
	.center_form{
	width: 100%;
	}

}