@media screen and (max-width: 800px){


	.navigation{
		display: none;
	}

	.mobilenavigation{display: block;}

	.mobilenavcontainer{
		position: absolute;
		margin-top: 10px;
		width: 100vw;
		height: 300px;
		background: white;
		color: #000;
		z-index: 9;
	}

	.mobilenavcontainer a{
		color: #000;
	}

	.mobilenavcontainer li{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #000;
		line-height: 30px;
	}

	.mobilenavigation i{
		width: 50px;
		height: 50px;
		font-size: 1.6rem;
		margin-top:20px;
		color: #5E7CF1;
	}

	.logo{
		height: 60px;
	}

	.containerslider{
		/*min-height: 44vh;
		background-position: right 15rem;*/
		min-height: 92vh;
	    background-position: -4rem 21rem;
    	background-size: 159%;
	}

	.containerslider h1{
		font-size: 2.8rem !important;
	}


	h1{
		font-size: 2rem;
	}

	h5{
		font-size: 1rem;
	}

	h4{

	}

	h6{
		font-size: 1.25rem;
	}

	.slider-info {
	    margin-top: 0px;
	    padding-top: 50px;
	}

	section{
	  margin: 1rem 0;
	}

	.searchcontainer .input-group{
		margin-bottom: 30px;
	}

	.searchcontainer h4{
		margin-bottom: 30px;
	}

	.aboutsection .row, .employeesection .row, .clientsection .row, .requestsection .row{
		margin: 0;
	}

	.requestcontainer label{
		position: relative;
	}

	.aboutimage, .employeeimage, .clientsimage, .requestimage, .contactimage{
	  display: none;
	}

	.aboutimage_mobile, .employeeimage_mobile, .clientsimage_mobile, .requestimage_mobile, .contactimage_mobile{
	  display: block;
	  height: 30vh;
	  margin-bottom: 20px;
	  background-size: cover;
	  background-repeat: no-repeat;
	}

	.aboutimage_mobile{
		background-position: 21% 0px;
	}
	.employeeimage_mobile{
		background-position: 71% 0px;
	}
	.clientsimage_mobile{
		background-position: 33% 0px;
	}
	.requestimage_mobile{
		background-position: 43% 0px;
	}
	.contactimage_mobile{
		background-position: 51% 0px;
	}

	.contactcontainer{
		margin:0;
	}










}