body {
   font-size: 16px;
   line-height: 1.42857143;
   color: #333333;
   background-color: #eae8e5;
   font-weight: lighter;
}
.layout{
   width: 100%;
   height: 100%;
   margin: 0 auto;
}
#marco1{
  padding-left: 10%;
  padding-right: 10%;
}


}

@media screen and (min-width:480px)
{

}

.layout__header{
   position: relative;
   top: 0;
   width: 100
   %;
   background-color: #96C237;
   z-index: 100;
   padding: 5px 8px;
}
.comsalud__contact{
  display: flex;
  flex-direction: column;

}
.comsalud__contact .left, .comsalud__contact .right{
flex:1;
padding: 10px;

}
@media screen and (min-width:480px) {
   .layout{
      max-width: 1170px;
   }
   .layout__header{
      position: fixed;
      max-width: 1170px;
      background-color: rgba(0, 0, 0, 0.2);
   }
   .comsalud__contact{
     flex-direction: row;

   }
}



.flex{
   display: flex;
}

.flex--col{
   flex-direction: column;
}

.flex--center{
   justify-content: center;
}

.flex--end{
   justify-content: flex-end;
}

.flex--wrap {
   flex-wrap: wrap;
}

.flex--end-abs{
   justify-content: flex-end;
   align-items: center;
}

.flex--center-bet-abs{
   justify-content: space-between;;
   align-items: center;
}

.flex--center-abs{
   justify-content: center;
   align-items: center;
}

.layout__header--scroll {
   background: #fff!important;
   box-shadow: 0 6px 4px -4px rgba(0,0,0,.1);
}

.layout__header--scroll .navigation__link {
   color: #181819;
}
.action-menu input[type=checkbox]:checked ~ nav {
   overflow: auto;
   opacity: 1;
   visibility: visible;
   transition: opacity .2s linear, visibility 0s linear;
   z-index: 200;
}

.layout__section {
   padding: 30px;
   padding: 1.87500rem;
}

.layout__section .title {
   text-align: center;
}

.layout__section .title--bg {
   text-align: left;
   border-top: 5px solid #96C237;
   background-color: white;
}

.layout__section .caption {

}

.layout__section .description {
   margin: 8px auto;

   max-width: 400px;
   text-align: center;
   color: #8e8e8e;
}

.layout__section .description--black {
   color: #333333;
}

.bg-white{
   background-color: #F8FCFD;
}

.bg-cgray{
   background-color: #f5f2ee;
   /*>background: #ecf0f5;*/
}

.bg-lgreen{
   background-color: #96C237;
}

.bg-lgray {
   background: #ecf0f5;
}

.bg-dgrey{
   background-color: #3e5062 !important;
}

.c-white {
   color: #fff;
}

.border-none{
   border: none !important;
}

.display1, .headline, .buttons, .subhead {padding: 15px 20px;}

.space{
   height: 16px;
   height: 1rem;
}

.skill {
   display: flex;
   margin: 3px;
}

.skill__icon {
   min-width: 28px;
   margin: 4px;
   margin-top: 20px;
}

.skill__icon--top {
   margin-top: 0;
}

.skill__content {
   padding: 2px 5px;
}

.skill__content h4, .skill__content p{
   margin: 0;
}

.skill__content p{
   font-family: 'Roboto Light';
}

.skill__content h4 {
   margin: 3px 0;
   font-size: 15px;
}


.xhc-form input[type= text], .xhc-form textarea, .xhc-form label {
  width:100%;
  padding: 5px 4px;
}
.google-maps {
position: relative;
padding-bottom: 80%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
 media="screen">
  .comsalud__contact .xhc-container > .xhc-container__item{
    background-color: blue;
    margin: 5px;
  }