@media (max-width:1279px){
	#financieros h2{width:100%}
	.metric{margin-right: 0.55rem; margin-left:0px; padding: 0 0.55rem; margin-top:.55rem}
	.about-section{padding: 167px 1rem 0;}
	.projects-section, .awards-section, .projects-section-three, .bck-white, #tallerHome{padding: 0 1rem 0rem;}
	.about-company-name{font-size:1.85rem}
	.about-subtitle{font-size:1.3rem; font-weight:500}
	#contacto-page .boxes { padding: 0 5rem;}
	
}

@media only screen and (max-width:1023px){
  p{line-height:1.6rem;}
  .about-container{grid-template-columns:1fr;gap:0rem;text-align:center; padding-bottom:6rem}
  .about-left, .about-right{padding:0;}
  .about-company-name {font-size: 3rem; line-height: 4.25rem; margin-bottom:.25rem}
  .projects-grid, .projects-grid-two{grid-template-columns:1fr;height:auto;gap:0;}
  .project-left{height:50vh;}
  .project-left-image{height:70%;}
  .project-left-content{height:30%;padding:1.5rem;}
  .project-right{height:50vh;}
  .project-right-image{height:70%;}
  .project-right-content{height:30%;padding:1.5rem;}
  .inner-container{display: block}
  .boxTaller, #tallerImagenTwo{width:100%}
  .boxTaller{padding-right:0rem;}
  #sectionCinco{padding:2rem 0}
  .padGrid {grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));}
  .bckPincel {background: url(../graphics/fondo.jpeg) right top no-repeat #fff fixed;}
  #menuContacto{display:block; position: fixed; top: 50px; right:2rem; padding:20px 0px 20px 20px }
  header nav{display: none}
  #logo {margin: .75rem 0 .55rem 3rem;}
  header strong{padding: 0 3rem 0 3rem; background: url(../graphics/circle.png) 1.8rem center no-repeat;}
  .about-section{padding: 6rem 1rem 0;}
  #tallerHome{padding: 0rem 1rem 0; margin:4rem 0rem}
  #tallerHome .wrap{float:left; width:100%}
  #tallerHome h2{margin:.0rem 0 .5rem}
  #tallerHome h1{margin-bottom: 0.5rem;}
  #tallerHome p {padding: 0 0 1.5rem;}
  #textBio, #video, #videoDos {width:100%;}
  #textMateriales {margin: 2rem 0 2rem 0;  border-left: none;  padding-left: 0rem;  }
  .mt {margin: 0rem 0 0;}
  .mb40 {margin-bottom: 1rem;}
  .mobile{display:block;}
  .about-meta-item, .about-meta, #socialIcons{display: none}
  #descrip{padding:0 6rem;}
  #descrip p{line-height:1.6rem}
  .about-tagline{margin-top:2rem; color:#202020; font-size:2.8rem}
  .about-description{font-size:1rem; padding:0 3rem; line-height:1.6rem;}
  .about-subtitle { font-size: 1rem; font-weight: 400; text-transform: uppercase; color:#797978}
  .about-right ul {width:629px; margin: 1rem auto 2rem; display: block;  float: none;}
  .about-left img{margin: 2rem 0 3rem;}
  .about-right ul li{width: 30.7%;}
  .projects-container{padding: 3rem 3rem; float:left; width:100%; }
  .projects-grid, .projects-grid-two {grid-template-columns: inherit; height: auto; display: block; float: left; width: 100%;}
  .project-left, .project-right{width:100%; float:left; height:inherit}
  .project-left-content {height: 30%; padding: 1rem 0 .5rem; display:block}
  .project-left-highlight{margin-top: 1.5rem;}
  .project-left-description, .project-right-meta{font-size: 1rem;}
  .projects-grid-two{padding:0px!important;}
  .project-right-content {padding: 1rem 0rem 0!important;}
  .projects-section, .awards-section, .projects-section-three, .bck-white, footer{float:left; width:100%;}
  .projects-container{background: #ffffffde;}
  .awards-container{padding:3rem}
  .awards-description-section {display: block; grid-template-columns: inherit; gap: 0rem; align-items: start; max-width: 1400px; margin: 0 auto 0rem auto;}
  .awards-description-section p { font-size: 1rem;  margin: 0; padding: 1rem 2rem 0rem 0;}
  .borderRight { border-right: none;}
  .awards-header {margin-bottom: 3rem;}
  footer{margin-top: 0}
  #financieros{padding: 2rem 0rem 0.85rem 1rem;}
  #financieros h3 {font-size: .75rem;}
  #financieros p{font-size:.75rem;}
  .treintaContacto,.cincuentaFormCincuenta {width:100%}
  #wrapContacto {margin-top: 119px;}
  #contacto-page .boxes {padding: 0 3rem;}
  #contacto-template-dos {height: 370px;}
  .infoContactTwo em{margin-bottom: 2rem}
  #contacto-template-dos{border-bottom-left-radius: 0px;}
  #specialInfo {margin-top:70px;}
  #gallery {margin:25px auto 1.5rem; padding: 70px 20px 0;}
  .masonry {column-count: 3;}
}


@media only screen and (max-width:768px){
  .icon-nav{width:1.5rem;height:1.5rem;}
  header strong{display: none}
  #menuContacto{top:10px;}
  .about-right ul {width: 100%;}
  .about-right ul li{width:100%;}
  .about-left img {margin: 0rem 0 1.5rem; border: none}
  .about-company-name, .about-tagline {font-size: 2rem;  line-height: 3rem;}
  #descrip, .about-right{padding: 0 1rem;}
  #contacto-template-dos {height: 410px;}
  .masonry {column-count: 1;}
  #menuNavDiv{padding: 1rem 3rem;}
  #mobil a {line-height: 4.2rem;}
}

@media only screen and (max-width:639px){
  .infoContactTwo h2{margin:0px 0 20px;}
  #contacto-page .boxes {padding: 0 1rem;}
  #contacto-template-dos {height: 366px;}
  .infoContactTwo h2{margin: 0px 0 20px;}
  .more-info-btn{width:100%}
  #contacto-page .boxes {padding: 0rem;}
  .cincuentaFormCincuenta{box-shadow: none; padding:0rem}
 .cincuentaFormCincuenta h2{margin-top:0rem}
 .infoContactTwo em {
    margin-bottom: 1rem;
}
#specialInfo h3 {
    display: block;
    color: #1f1f1f;
    font-size: 1.8rem;
    font-weight: 200;
    padding: 1rem 0 1rem;
}
.cincuentaFormCincuenta h2{font-size:2rem}
 
}

@media only screen and (max-width:540px){
	.awards-section{padding:0!important;}
	.projects-section, .projects-section-three, .about-description, .awards-container {padding: 0rem!important;}
	#financieros { padding: .85rem 0rem 0.85rem 1rem;}
	.about-section {padding: 4.5rem 0 0;}
	.about-container{padding-bottom: 3rem;}
	.projects-container {padding: 1.5rem 1.5rem;}
	.marginTopBottom {margin: 1rem 0 0;}
	.awards-header{margin-bottom: 1.5rem;padding:1.5rem 1rem 0;}
	.awards-description-section{padding:0rem 1rem;}
	.awards-grid {padding: 1.5rem 1rem;}
	.about-right ul li {margin-bottom: 0.75rem;}
	.project-right-title {line-height: 1.6rem;}
	.awards-header p {font-size: 2rem;}
	.awards-description-section p {padding: 1rem 0rem 0rem 0;}
	#logo {margin: 0.75rem 0 0.55rem 0.5rem;}
	footer p {padding: 0 2rem;}
	#logoFooter{width:120px; margin-bottom:1rem;}
	#cursorDot {display: none}
	 #menuContacto{right:1rem;}
	 
	 
}
@media only screen and (max-width:420px){
	#contacto-template-dos {height: 430px;}
	.more-info-btn{margin-top:1rem; display: block; text-align: center;}
	.more-info-btn svg, .cincuentaFormCincuenta h2 {display:none}
	.bck-white {padding: 0 1.5rem 0rem;}
	#specialInfo h3{font-size: 1.6rem;}
}


@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.ping {
  animation: ping 1s cubic-bezier(0,0,2,1) infinite;
}