*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}
body{
	overflow-x: hidden;
}
 		@font-face {
			font-family: oswald;
			src: url('Oswald.ttf');
}
		@font-face {
			font-family: anton;
			src: url('Anton-Regular.ttf');
}
		@font-face {
			font-family: bebasneue;
			src: url('BebasNeue-Regular.ttf');
}
		@font-face {
			font-family: opensans-italic;
			src: url('OpenSans-Italic.ttf');
}
		@font-face {
			font-family: opensans;
			src: url('OpenSans.ttf');
}
		@font-face {
			font-family: Roboto-Black;
			src: url('Roboto-Black.ttf');
}
		@font-face {
			font-family: Roboto-Bold;
			src: url('Roboto-Bold.ttf');
}
		@font-face {
			font-family: Roboto-Light;
			src: url('Roboto-Light.ttf');
}
		@font-face {
			font-family: Roboto-Regular;
			src: url('Roboto-Regular.ttf');
}
		@font-face {
			font-family: exo;
			src: url('exodemi-bold.otf');
}
		@font-face {
			font-family: exo-light;
			src: url('exolight.otf');
}


		body{
			font-size: 10px;
			
		}
		.conteiner-arriba{
			
			width: 100%;
			height: 5vh;
			background: #000D58;
			border-bottom: 2px solid #000;
		}
		.caja1-ul{
			position: relative;
			display: inline;
			margin-left: 15px;
			top: 6px;
			
		}
		.caja1-li{
			display: inline;
			padding-right: 15px;
			font-size: 1.5em;

		}
		
		#icono-instagram{
			display: inline;
			position: relative;
			
			right: 1px;
			color:  #F7FF4D;
		}
		#icono2-instagram{
			display: inline;
			position: relative;
			
			right: 1px;
			color:  #F7FF4D;
		}
		#icono3-instagram{
			display: inline;
			position: relative;
			
			right: 1px;
			color:  #F7FF4D;
		}
		.caja1-a{
			color: #fff;
			font-family: opensans;
			text-shadow: 0 0 5px #fff;
			font-size: 1em;

			
		}
		.caja1-a:hover{
			font-size: 1.1em;
			transition: 0.5s;
		}

		.logo{	
			display: inline-block;
			width: 18%;
		}
		.conteiner-texto-img{
			position: relative;
			overflow: hidden;
			width: 100%;
			height: 95vh;
		 	border: 2px solid black;
		 	

		}
		
		.img{
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			
		}
		.conteiner-texto{
			position: relative;
			width: 	42%;
			height: auto;
			float: right;
			 
			
		}
		.texto{
			position: relative;
			display: inline-block;
			font-family: anton;
			font-weight: 500;
			color: #000;
			text-shadow: 0 0 15px #fff;
			font-size: 2.8em;
			padding: 5px;
			
		}
		
		.conteiner{ 
			position: relative;
			display: inline-block;
			width: 100%;
			height: 12vh;
			
			background-color: rgba(0, 0, 0, .3);
			
			
		}
		.conteiner-a-1{
		 	color: #000;
		 	left: 0;
		 	position: absolute;
		}
		.conteiner-nav{
			position: relative;
			text-align: center;
		}
		
		.conteiner-li-img{
			display: inline;
			position: relative;	
		}
		.conteiner-li{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			background: linear-gradient(to top, #FFFA5B, #ffff);
			margin-right: 14px;
			font-size: 1.8em;
			border: 3px solid #000;
			border-bottom-left-radius: 20px;
			border-top-right-radius: 20px;
			padding: 6px;
			margin-top: 15px;
		}
		.conteiner-li:hover{
			font-size: 2.2em;
			transition: 0.5s;
		}
		.conteiner-a{
			color: #000;
		}
		.rotate{
			transform: rotate(180deg) !important;
		}
		.toggle{
			border: 2px solid #000;
			width: auto;
			height: auto;
			color: #fff;
			position: absolute;
			top: 10px;
			right: 40px;
			font-size: 40px;
			transform: rotate(90deg);
			cursor: pointer;
			transition: 1s;
			background-color: rgba(0, 0, 0, 0.3);
			display: none;
			
		}
		.p-toggle{
			width: 100%;
			height: 100%;
		}
		.botones{
			font-size: 30px;
			width: 70px;
			height: 70px;
			line-height: 70px;
			border-radius: 50%;
			background-color: rgba(0, 0, 0, 0.7);
			text-align: center;
			font-weight: bold;
			position: absolute;
			color: #fff;
			box-shadow: 0 0 10px rgba(255, 255, 255, .6);
			-webkit-transition:  all .3s ease;
			-o-transition:  all .3s ease;
			transition: all .3s ease;

		}
		.botones:hover{
			cursor: pointer;
			transform: scale(1.2,1.2);

		}
		.atras{
			left: 2%;
			bottom: 2%;
		}
		.adelante{
			right: 2%;
			bottom: 2%;
		}
		.conteiner-elegirnos{
			display: inline-block;
			position: relative;
			width: 98.4vw;
			height: auto;
			

		}
		
		.div-h2-elegirnos{
			position: relative;
			width: auto;
			right: auto;
			
			text-align: center;
			top: 10px;
		}

		
		.h2-elegirnos{
			display: inline-block;
			position: relative;
			font-size: 5em;
			color: #000;
			font-family: exo;

		}
		
		.conteiner-grid-elegirnos{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(28%, 1fr));
			grid-template-rows: repeat(auto-fill ,minmax(380px, 1fr));
			grid-auto-rows: 280px;
			grid-gap: 20px;
			margin-left: 20px;
			margin-right: 20px;
			margin-top: 20px;
			

			
		}
		.grid-elegirnos{
			display: inline-block;
			position: relative;
			

		}
		.grid-elegirnos-interno-1{
			height: auto;
			
			
		}
		.grid-elegirnos-interno2-1{
			position: relative;
			display: inline-block;
			width: 40%;
			
			margin: 0px 28%;
			

		}
		.img-servicio{
			width: 100%;
			object-fit: cover;
		}
		.grid-elegirnos-interno-2{
			height: 45%;
			text-align: center;

		}
		.h3-elegirnos{
			font-family: exo;
			font-size: 2.5em;
			padding-bottom: 5px;
		}
		.p-elegirnos{
			font-size: 1.8em;
			font-family: exo-light;
			padding-left: 30px;
			padding-right: 30px;
		}
		.div-marcas{
			
			text-align: center;
			
		}
		.h2-marcas{
			display: inline-block;
			
			font-family: exo;
			font-size: 4em;
			color: #000;
			margin-top: 15px;
			margin-bottom: 15px;
			
		}
		/*.h2-marcas::after, .h2-marcas::before{
			content: '';
			position: absolute;
			width: 17vw;
			height: 3px;
			background-color: #000;
			margin-top: 25px;
		}
		.h2-marcas::After{
			left: 6%;
		}
		.h2-marcas::before{
			right: 6%;
		}*/
		.conteiner-grid{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
			grid-template-rows: repeat(auto-fill ,minmax(520px, 1fr));
			grid-auto-rows: 520px;
			grid-gap: 30px;
			margin-left: 20px;
			margin-right: 20px;

					}
		.grid{
			position: relative;
			border: 2px solid black;
			background-color: #CFFFF8;
			

			box-shadow: 0 0 10px #000;
			border-bottom-left-radius: 40px;
			border-top-right-radius:  40px;
		}
		.img-conteiner-1{
			
			width: 40%;
			height: auto;
			margin: 0 auto;

		}
		.img-trimble{
			display: inline-block;
			width: 100%;

		}
		.texto-conteiner-trimble{
			position: absolute;
			z-index: 2;
			text-align: center;

		}
		.h3-trimble{
			display: inline-block;
			font-family: oswald;
			font-size: 2.3em;
			margin-top: 5px;
			margin-bottom: 5px;
			padding-left: 17px;
			padding-right: 10px;

		}
		.p-trimble{
			display: inline-block;
			
			font-size: 1.7em;
			font-family: exo-light;
			padding-left: 25px;
			padding-right: 25px;
			text-align: justify;
			line-height: 25px ;


		}
		.div-trimble-logo{
			width: 88%;
			height: 60%;
			justify-content: center;
			top: 15%;
			position: relative;
			display: flex;
			
			

		}
		.trimble-logo{
			z-index: 1;
			opacity: 0.2;
			position: relative;
			object-fit: cover;
		}

		.div-a-trimble{
			position: absolute;			
			
			right: 3px;
			bottom: 3px;
		}
		.a-trimble{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			
			font-size: 2em;
			color: #000;
			border: 2px solid #000;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 3px;
			padding-left: 6px;

		}
		.img-conteiner-2{
			
			width: 80%;
			height: auto;
			margin: 0 auto;

		}
		.img-ascanelli{
			display: inline-block;
			width: 100%;
			margin-top: 10px;

		}
		.div-ascanelli-h3-p{
			position: absolute;
			z-index: 2;
			margin-top: 8px;
			text-align: center;
		}
		.h3-ascanelli{
			display: inline-block;
			font-family: oswald;
			font-size: 2.3em;
			margin-top: 5px;
			margin-bottom: 5px;
			
			padding-left: 35px;

		}
		.p-ascanelli{
			display: inline-block;
			font-size: 1.7em;
			font-family: exo-light;
			padding-left: 25px;
			padding-right: 25px;
			text-align: justify;
			line-height: 25px ;
		}
		.div-ascanelli-logo{
			width: 90%;
			height: auto;
			
			position: relative;
			display: flex;
			margin: 0 auto;
			margin-top: 25%;
		}
		.ascanelli-logo{
			z-index: 1;
			opacity: 0.25;
			position: relative;
			object-fit: cover;
			width: 100%;

		}
		.div-a-ascanelli{
			position: absolute;			
			
			right: 3px;
			bottom: 3px;
		}
		.grid-a-ascanelli{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			
			font-size: 2em;
			color: #000;
			border: 2px solid #000;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 3px;
			padding-left: 6px;	
		}
		.img-conteiner-3{
			
			width: 70%;
			height: auto;
			margin: 0 auto;
			

		}
		.img-mancini{
			display: inline-block;
			width: 100%;
			justify-content: center;
			margin-top: 5px;

		}
		.div-mancini-h3-p{
			position: absolute;
			z-index: 2;
			margin-top: -5px;
			text-align: center;
		}
		.h3-mancini{
			display: inline-block;
			font-family: oswald;
			font-size: 2.3em;
			margin-top: 5px;
			margin-bottom: 5px;
			
			padding-left: 20px;

		}
		.p-mancini{
			display: inline-block;
			font-size: 1.7em;
			font-family: exo-light;
			padding-left: 25px;
			padding-right: 25px;
			text-align: justify;
			line-height: 25px ;
		}
		.div-mancini-logo{
			width: 80%;
			height: auto;
			
			position: relative;
			display: flex;
			margin: 0 auto;
			margin-top: 15%;

		}
		.mancini-logo{
			z-index: 1;
			opacity: 0.25;
			position: relative;
			object-fit: cover;
			width: 100%;

		}
		.div-a-mancini{
			position: absolute;			
			
			right: 3px;
			bottom: 3px;
		}
		.grid-a-mancini{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			
			font-size: 2em;
			color: #000;
			border: 2px solid #000;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 3px;
			padding-left: 6px;	
		}
		.img-conteiner-4{
			
			text-align: center;
			height: auto;
			margin: 0 auto;
			

		}
		.img-repuesto{
			display: inline-block;
			width: 80%;

			justify-content: center;
			margin-top: 5px;

		}
		.div-repuesto-h3-p{
			position: absolute;
			z-index: 2;
			margin-top: -8px;

		}
		.h3-repuesto{
			display: block;
			font-family: oswald;
			font-size: 2.3em;
			margin-top: 5px;
			margin-bottom: 5px;
			text-align: center;
		}
		.p-repuesto{
			display: inline-block;
			font-size: 1.7em;
			font-family: exo-light;
			padding-left: 25px;
			padding-right: 25px;
			text-align: justify;
			line-height: 25px ;
		}
		.div-repuesto-logo{
			width: 60%;
			height: auto;
			
			position: relative;
			display: flex;
			margin: 0 auto;
			margin-top: 8%;


		}
		.repuesto-logo{
			z-index: 1;
			opacity: 0.25;
			position: relative;
			object-fit: cover;
			width: 100%;
			
		}
		.div-a-repuesto{
			position: absolute;
			right: 3px;
			bottom: 3px;

		}
		.grid-a-repuesto{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			
			font-size: 2em;
			color: #000;
			border: 2px solid #000;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 3px;
			padding-left: 6px;	
		}
		.img-conteiner-5{
			
			text-align: center;
			height: auto;
			margin: 0 auto;
			

		}
		.img-azulado{
			display: inline-block;
			width: 80%;

			justify-content: center;
			margin-top: 5px;

		}
		.div-azulado-h3-p{
			position: absolute;
			z-index: 2;
			margin-top: -8px;

		}
		.h3-azulado{
			display: block;
			font-family: oswald;
			font-size: 2.3em;
			margin-top: 5px;
			margin-bottom: 5px;
			text-align: center;
		}
		.p-azulado{
			display: inline-block;
			font-size: 1.7em;
			font-family: exo-light;
			padding-left: 25px;
			padding-right: 25px;
			text-align: justify;
			line-height: 25px ;
		}
		.div-azulado-logo{
			width: 90%;
			height: auto;
			
			position: relative;
			display: flex;
			margin: 0 auto;
			margin-top: 10%;
		}
		.azulado-logo{

			z-index: 1;
			opacity: 0.25;
			position: relative;
			object-fit: cover;
			width: 100%;
		}
		.div-a-azulado{
			position: absolute;
			right: 3px;
			bottom: 3px;

		}
		.grid-a-azulado{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			
			font-size: 2em;
			color: #000;
			border: 2px solid #000;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 3px;
			padding-left: 6px;	
		}
		.img-conteiner-6{
			
			text-align: center;
			height: auto;
			margin: 0 auto;
			

		}
		.img-montenegro{
			display: inline-block;
			width: 80%;

			justify-content: center;
			margin-top: 5px;

		}
		.div-montenegro-h3-p{
			position: absolute;
			z-index: 2;
			margin-top: -8px;

		}
		.h3-montenegro{
			display: block;
			font-family: oswald;
			font-size: 2.3em;
			margin-top: 5px;
			margin-bottom: 5px;
			text-align: center;
		}
		.p-montenegro{
			display: inline-block;
			font-size: 1.7em;
			font-family: exo-light;
			padding-left: 25px;
			padding-right: 25px;
			text-align: justify;
			line-height: 25px ;
		}
		.div-montenegro-foto{
			width: 53%;
			height: auto;
			
			position: relative;
			display: flex;
			margin: 0 auto;
			margin-top: 10%;

		}
		.montenegro-foto{
			z-index: 1;
			opacity: 0.25;
			position: relative;
			object-fit: cover;
			width: 100%;

		}
		.div-a-montenegro{
			position: absolute;
			right: 3px;
			bottom: 3px;

		}
		.grid-a-montenegro{
			font-family: oswald;
			font-weight: 900;
			display: inline-block;
			position: relative;
			
			font-size: 2em;
			color: #000;
			border: 2px solid #000;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 3px;
			padding-left: 6px;	
		}
		.grid-a-montenegro:hover{
			font-size: 2.4em;
			transition: 0.5s;
		}
		.grid-a-azulado:hover{
			font-size: 2.4em;
			transition: 0.5s;
		}
		.grid-a-mancini:hover{
			font-size: 2.4em;
			transition: 0.5s;
		}
		.grid-a-repuesto:hover{
			font-size: 2.4em;
			transition: 0.5s;
		}
		.grid-a-ascanelli:hover{
			font-size: 2.4em;
			transition: 0.5s;
		}
		.a-trimble:hover{
			font-size: 2.4em;
			transition: 0.5s;
		}
		.conteiner-footer{
			display: flex;
			width: 100%;
			min-height: 68vh;
			border: 1px solid black;
			margin-top: 15px;
			background: #0E3655; 
			
		}
		.footer-div-info{
			
			display: inline-block;
			position: relative;
			width: 25%;
			min-height: 60vh;
			margin-left: 2.3%;
			margin-top: 1%;
			margin-bottom: 1%;
			border-right: 2px solid	black;
			text-align: center;
		}
		.h4-redirecciones{
			color: #fff;
			font-size: 3em;
		}
		.ul-redirecciones{
			text-align: left;

		}
		.li-redirecciones{
			color: #fff;
			margin-top: 25px;
		
		}
		.iconos-redirecciones{
			display: inline-block;
			color: #F7FF4D;
			margin-right: 5px;

		}
		.a-redirecciones{
			color: #fff;
			font-family: exo-light;
			font-size: 2em;
		}
		.a-redirecciones:hover{
			text-shadow: 0 0 5px #000;
			font-size: 2.3em;
		}
		.footer-div-formulario{
			display: inline-block;
			position: relative;
			border-right: 2px solid	black;
			width: 40%;
			min-height: 60vh;
			margin-left: 2.66%;
			margin-top: 1%;
			text-align: center;
			margin-bottom: 1%;

		}
		.h4-formulario{
			font-size: 3em;
			font-family: exo;
			margin-bottom: 15px;
			color: #fff;
		}
		.footer-div-extra{
			display: inline-block;
			position: relative;
			
			width: 25%;
			min-height: 60vh;
			margin-left: 2.66%;
			margin-top: 1%;
			margin-bottom: 1%;
			text-align: center;
		}
		.label{
			display: block;
			color: #fff;
			font-size: 2.5em;
			padding-top: 15px;
			padding-bottom: 15px;
			font-family: exo-light;
			font-weight: 600;
		}
		.input{
			width: 50%;
			height: 25px;
			border: 2px solid #EBF21F;
			font-family: exo-light;
		}
		
		
		.boton-enviar{
			display: block;
			position: relative;
			width: 20%;
			left: 40%;
			top: 18px;
			height: auto;
			font-size: 2.2em;
			border: 2px solid #000;
			border-bottom-left-radius: 15px;
			border-top-right-radius: 15px;
		}
		.boton-enviar:hover{
			font-size: 2.8em;
			transition: 0.5s;
		}

		.footer-contacto{
			color: #fff;
			font-size: 3.5em;
			font-family: exo ;
			margin-top: 10px;
		}
		.div-ul-footer{
			
			
			text-align: left;
		}
		.li-footer{
			font-size: 1.8em;
			color: #fff;
			margin-bottom: 10px;
			margin-top: 18px;
		}
		.los-p-contacto{
			display: inline-block;
			font-family: eox-ligth;
			color: #fff;
		}
		.los-a-contacto{
			display: inline-block;
			font-family: eox-ligth;
			color: #fff;
		}
		.los-a-contacto:hover{
			font-size: 1.1em;
			transition: 0.5s;

		}
		.p-maria{
			margin-left: 20px;
		}
		.iconos-contactos{
			color: #F7FF4D;
			display: inline-block;
			
			margin-right: 5px;
		}
		.div-whatsapp{
			display: flex;
			position: fixed;
			width: 7%;
			z-index: 3;
			right: 0;
			bottom: 0;
		}
		.img-whatsapp{
			width: 100%;

		}
		.div-whatsapp:hover{
			width: 8.5%;
			transition: 0.5s;
		}
@media only screen and (max-width: 800px) {

			body{
				font-size: 7px;
			}
			.conteiner-grid-elegirnos{
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
				grid-template-rows: repeat(auto-fill ,minmax(280px, 1fr));
				grid-auto-rows: 280px;
				grid-gap: 20px;
				margin-left: 20px;
				margin-right: 20px;
				margin-top: 20px;
				

			
			}
			.grid-elegirnos-interno-1{
				height: auto;
				
			
			}
			.grid-elegirnos-interno2-1{
				position: relative;
				display: inline-block;
				width: 35%;
				
				margin: 0px 35%;
			

			}
			.logo{

				width: 48%;
			}
			.conteiner-texto-img{
				height: 88vh;
			}
			.toggle{
				display: inline-block;
			}
			.links{
				position: absolute;
				display: flex;
				flex-direction: column;
				background: #021222;
				text-align: center;
				overflow: hidden;
				height: 100vh;
				width: 100%;
				top: -100vh;
				z-index: 2;
				transition: .5s;
			}
			.active{
				top: 12vh;
			}
			.conteiner-li{
				margin: 0 auto;
				margin-top: 50px;
				width: 40%;
				font-size: 2.5em;
			}
			.conteiner-arriba{
				height: 0vh;
			}
			.img{
				height: 100%;
				object-fit: cover;
			}
			.conteiner-texto{
				width: 80%;
			}
			.h2-marcas::after, .h2-marcas::before{
				content: '';
				position: absolute;
				width: 0vw;
				height: 3px;
				background-color: #000;
				margin-top: 25px;
			}
			.conteiner-footer{
				display: block;
				width: 100%;
				height: auto;
			
			
			}
			
			.conteiner-grid{
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
				grid-template-rows: repeat(auto-fill ,minmax(650px, 1fr));
				grid-auto-rows: 450px;
				grid-gap: 30px;
				margin-left: 20px;
				margin-right: 20px;

					}
			.grid{
				position: relative;
				border: 2px solid black;
				background-color: #CFFFF8;
				

				box-shadow: 0 0 10px #000;
				border-bottom-left-radius: 40px;
				border-top-right-radius:  40px;
		}
			.div-trimble-logo{
				width: 50%;
				height: auto;
				position: relative;
				display: flex;
				margin: 0 auto;
				margin-top: 5%;
				
			}
			.trimble-logo{
				z-index: 1;
				opacity: 0.25;
				position: relative;
				object-fit: cover;
				width: 100%;
			}
			.div-ascanelli-logo{
				width: 70%;
				height: auto;
				position: relative;
				display: flex;
				margin: 0 auto;
				margin-top: 30%;
			}
			.ascanelli-logo{
				z-index: 1;
				opacity: 0.25;
				position: relative;
				object-fit: cover;
				width: 100%;

			}
			.div-whatsapp{
				display: flex;
				position: fixed;
				width: 20%;
				z-index: 3;
				right: 0;
				bottom: 0;
			}
			.img-whatsapp{
				width: 100%;

			}
			.div-whatsapp{
				width: 15%;
			}
			.footer-div-info{
				display: block;
				width: 100%;
				min-height: 32vh;
				border-bottom: 3px solid #000;
				border-right: 0px;
			}
			.footer-div-formulario{
				display: block;
				width: 100% ;
				min-height: 58vh;
				border-bottom: 3px solid #000;
				border-right: 0px;

			}
			.footer-div-extra{
				display: block;
				width: 100% ;
				min-height: 32vh;
			}
		}

@media only screen and (min-width: 1520px){
		body{
			font-size: 12px;
		}
		.conteiner-grid-elegirnos{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(28%, 1fr));
			grid-template-rows: repeat(auto-fill ,minmax(550px, 1fr));
			grid-auto-rows: 280px;
			grid-gap: 20px;
			margin-left: 20px;
			margin-right: 20px;
			margin-top: 20px;
			

			
		}
		
		.conteiner-grid{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(28%, 1fr) );
			grid-template-rows: repeat(auto-fill ,minmax(550px, 1fr));
			grid-auto-rows: 550px;
			grid-gap: 30px;
			margin-left: 20px;
			margin-right: 20px;

					}
		.grid{
			position: relative;
			border: 2px solid black;
			background-color: #CFFFF8;
			
			box-shadow: 0 0 10px #000;
			border-bottom-left-radius: 40px;
			border-top-right-radius:  40px;
		}
}