

header, a, img, li{   /*EFECTO para el menu*/
			transition: all .5s;
			-moz-transition: all .5s; /* Firefox 4 */
			-webkit-transition: all .5s; /* Safari and Chrome */
			-o-transition: all .5s; /* Opera */
		}




.goog-te-banner-frame {
  display: none;
}

body{
	top:0 !important;

}







@media(min-width:1081px){
	header #nav_logo{
		 /*la imagen se alineara a la izquierda*/
		width: 15%;

	}

	nav{

		width:84%; /*60 +35 = 95% que estamos trabajando */

	}





}



@media(max-width: 1220px){
  #serv-cols{

  	width:22%;
  	margin: 2% 1%;
    padding: 1% 0 6% 0;
  	height: 250px;

  }

}

@media(max-width: 1080px){

  #about-cols{
    display: block;
		width: 80%;
		margin: 0 auto;
    font-size: 15px;
     line-height: 25px;
	 margin-top: 5%;
	}

  #contact2{
   font-size: 18px;

  }


	section {
		min-height:20vh;}

	header #nav_logo{
		 /*la imagen se alineara a la izquierda*/
		width: 15%;

	}

	nav{
		width:80%; /*60 +35 = 95% que estamos trabajando */

	}




}


@media(max-width: 970px){
	.card {
		/*display:block;*/
		width:45%;
		padding:2% 0;
	margin: 3% auto;

	}

  #col-reviews1,#col-reviews2{
  	display: block;
  width: 90%;
  }



}

@media(max-width: 800px){

  .cols6{
		display: inline-block;
		padding:  0;
		width: 20%;
		margin: 0 auto;

	}

  #serv-cols{

  	width:45%;
  	margin: 2% 1%;
    padding: 1% 0 6% 0;
  	height: 250px;

  }

	.serv_text{

		right: 0;
		bottom:0;
		left: 0;

	}


	.desc_serv{
		display: block; /* para q  respete el text-align:  */
		font-size: 12px;
		text-align: left;
		padding: 1% ;
		padding-bottom: 0;

	}

  #cols-gallery1,#cols-gallery2{
    display: block;
    margin: 0 auto;
    width: 90%;

}
  #about-cols{

		display: block;
		width: 80%;
		margin: 0 auto;
    font-size: 15px;
     line-height: 25px;
	 margin-top: 5%;
	}

  #contact2{
   font-size: 16px;

  }

  #contact1,#contact2{
  	display: block;
  	width: 90%;
    margin: 0 auto;
  }

  #contact2{
    margin-top: 15%;
  }

  #f1,#f2,#f3{
  	display: block;
  	margin: 2% auto;
  	width: 80%;

  }

  #f1{
  	font-family: "MonserratReg";
  text-align: center;
   }



			header nav li .caret{
				float:right;} /*Mandar la flechita a la derecha*/
}




@media(max-width: 600px){

	#serv-cols{
display: block;
		width:90%;
		margin: 2% auto;
		padding: 1% 0 6% 0;
		height: auto;

	}

	.serv_text{
		position: absolute;
		right: 0;
		bottom:0;
		left: 0;

	}

  #about-cols{

    display: block;
    width:90%;
    margin: 0 auto;
    font-size: 15px;
     line-height: 25px;
   margin-top: 5%;
  }

  #cols-gallery3,#cols-gallery4{
  	display: block;
  	margin: 3% auto;
    width: 95%;

  }

  .g-recaptcha{
  max-width: 300px;
  	}


}



		@media(max-width: 500px){

	header nav{
			width:50%;}

			.logo-flotante img {
        width: 55px;
        height: 55px;
      }
      .logo-flotante {
        bottom: 15px;
        right: 15px;
      }

}
