:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){h1{font-size:2.5rem}}
h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){h2{font-size:2rem}}
h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){h3{font-size:1.75rem}}
h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){h4{font-size:1.5rem}}
p{margin-top:0;margin-bottom:1rem}
ul{padding-left:2rem}
dl,ul{margin-top:0;margin-bottom:1rem}
ul ul{margin-bottom:0}
b,strong{font-weight:bolder}
small{font-size:.875em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
img{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
tbody,td,tr{border-color:inherit;border-style:solid;border-width:0}
[role=button]{cursor:pointer}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
summary{display:list-item;cursor:pointer}
[hidden]{display:none!important}
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-6{flex:0 0 auto;width:50%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-12{flex:0 0 auto;width:100%}
@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-8{flex:0 0 auto;width:66.66666667%}}
@media (min-width:992px){.col-lg-1{flex:0 0 auto;width:8.33333333%}
.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-4{flex:0 0 auto;width:33.33333333%}
.col-lg-5{flex:0 0 auto;width:41.66666667%}
.col-lg-6{flex:0 0 auto;width:50%}
.col-lg-7{flex:0 0 auto;width:58.33333333%}
.col-lg-8{flex:0 0 auto;width:66.66666667%}
.col-lg-9{flex:0 0 auto;width:75%}}
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}
.nav-link:focus,.nav-link:hover{color:#0a58ca}
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}
@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}}
.navbar-dark .navbar-brand{color:#fff}
.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}
.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}
@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.d-block{display:block!important}
.d-flex{display:flex!important}
.d-none{display:none!important}
.flex-column{flex-direction:column!important}
.justify-content-center{justify-content:center!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-5{margin-top:3rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-5{margin-bottom:3rem!important}
.pb-5{padding-bottom:3rem!important}
.bg-primary{background-color:#0d6efd!important}
@media (min-width:768px){.justify-content-md-end{justify-content:flex-end!important}}
@media (min-width:992px){.d-lg-block{display:block!important}
.d-lg-none{display:none!important}}
:root{
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-rgb: 33, 37, 41;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}
*,*::before,*::after{
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference){:root{
    scroll-behavior: smooth;
  }}
body{
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h4,h3,h2,h1{
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1{
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px){h1{
    font-size: 2.5rem;
  }}
h2{
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px){h2{
    font-size: 2rem;
  }}
h3{
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px){h3{
    font-size: 1.75rem;
  }}
h4{
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px){h4{
    font-size: 1.5rem;
  }}
p{
  margin-top: 0;
  margin-bottom: 1rem;
}
ul{
  padding-left: 2rem;
}
ul,dl{
  margin-top: 0;
  margin-bottom: 1rem;
}
ul ul{
  margin-bottom: 0;
}
b,strong{
  font-weight: bolder;
}
small{
  font-size: 0.875em;
}
a{
  color: #0d6efd;
  text-decoration: underline;
}
a:hover{
  color: #0a58ca;
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
  color: inherit;
  text-decoration: none;
}
img{
  vertical-align: middle;
}
table{
  caption-side: bottom;
  border-collapse: collapse;
}
tbody,tr,td{
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
[role=button]{
  cursor: pointer;
}
[list]::-webkit-calendar-picker-indicator{
  display: none;
}
[type=button],[type=reset],[type=submit]{
  -webkit-appearance: button;
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){
  cursor: pointer;
}
::-moz-focus-inner{
  padding: 0;
  border-style: none;
}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{
  padding: 0;
}
::-webkit-inner-spin-button{
  height: auto;
}
[type=search]{
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration{
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper{
  padding: 0;
}
::file-selector-button{
  font: inherit;
}
::-webkit-file-upload-button{
  font: inherit;
  -webkit-appearance: button;
}
summary{
  display: list-item;
  cursor: pointer;
}
[hidden]{
  display: none !important;
}
.container{
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px){.container{
    max-width: 540px;
  }}
@media (min-width: 768px){.container{
    max-width: 720px;
  }}
@media (min-width: 992px){.container{
    max-width: 960px;
  }}
@media (min-width: 1200px){.container{
    max-width: 1140px;
  }}
@media (min-width: 1400px){.container{
    max-width: 1320px;
  }}
.row{
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > *{
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col{
  flex: 1 0 0%;
}
.col-2{
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3{
  flex: 0 0 auto;
  width: 25%;
}
.col-4{
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-6{
  flex: 0 0 auto;
  width: 50%;
}
.col-8{
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9{
  flex: 0 0 auto;
  width: 75%;
}
.col-12{
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 768px){.col-md-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-md-6{
    flex: 0 0 auto;
    width: 50%;
  }
.col-md-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }}
@media (min-width: 992px){.col-lg-1{
    flex: 0 0 auto;
    width: 8.33333333%;
  }
.col-lg-3{
    flex: 0 0 auto;
    width: 25%;
  }
.col-lg-4{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-lg-5{
    flex: 0 0 auto;
    width: 41.66666667%;
  }
.col-lg-6{
    flex: 0 0 auto;
    width: 50%;
  }
.col-lg-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
.col-lg-8{
    flex: 0 0 auto;
    width: 66.66666667%;
  }
.col-lg-9{
    flex: 0 0 auto;
    width: 75%;
  }}
.nav{
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link{
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce){.nav-link{
    transition: none;
  }}
.nav-link:hover,.nav-link:focus{
  color: #0a58ca;
}
.navbar{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container{
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand{
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 768px){.navbar-expand-md{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }}
.navbar-dark .navbar-brand{
  color: #fff;
}
.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{
  color: #fff;
}
.breadcrumb{
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}
@-webkit-keyframes progress-bar-stripes{
  0% {
    background-position-x: 1rem;
  }
}
@keyframes progress-bar-stripes{
  0% {
    background-position-x: 1rem;
  }
}
@-webkit-keyframes spinner-border{
  to {
    transform: rotate(360deg) ;
  }
}
@keyframes spinner-border{
  to {
    transform: rotate(360deg) ;
  }
}
@-webkit-keyframes spinner-grow{
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
@keyframes spinner-grow{
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes placeholder-glow{
  50% {
    opacity: 0.2;
  }
}
@keyframes placeholder-glow{
  50% {
    opacity: 0.2;
  }
}
@-webkit-keyframes placeholder-wave{
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
@keyframes placeholder-wave{
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.d-block{
  display: block !important;
}
.d-flex{
  display: flex !important;
}
.d-none{
  display: none !important;
}
.flex-column{
  flex-direction: column !important;
}
.justify-content-center{
  justify-content: center !important;
}
.my-auto{
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-5{
  margin-top: 3rem !important;
}
.mb-2{
  margin-bottom: 0.5rem !important;
}
.mb-5{
  margin-bottom: 3rem !important;
}
.pb-5{
  padding-bottom: 3rem !important;
}
.bg-primary{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
@media (min-width: 768px){.justify-content-md-end{
    justify-content: flex-end !important;
  }}
@media (min-width: 992px){.d-lg-block{
    display: block !important;
  }
.d-lg-none{
    display: none !important;
  }}
html,body{
  font-family: "poppins", sans-serif;
  overflow-x: hidden;
}
.barra-mobile{
  max-height: 100px;
  position: fixed;
  background-color: white;
  width: 100%;
  z-index: 99;
}
.barra-mobile img{
  max-height: 90px;
  object-fit: contain;
  padding: 5px;
}
.menu{
  
  background-color: black;
  min-width: 245px;
  min-height: 560px;
  margin-top: 100px;
  margin-left: 110px;
  padding-top: 100px;
  bottom: 0px;
  position: fixed;
  z-index: 10;
}
#logo{
  object-fit: contain;
  margin: 50px;
  margin-left: 100px;
  max-height: 200px;
  position: fixed;
  top: 20px;
  z-index: 11;
}
.nav-link{
  color: white;
  padding-left: 30px;
}
#somos h1{
  text-align: end;
  font-size: 50px;
  font-weight: bold;
  color: white;
}
#somos i{
  margin-bottom: 30px;
  margin-top: 60px;
  color: white;
}
@media (max-width: 768px){#somos{
    margin-left: 10px;
    margin-right: 10px;
  }}
.portada{
  background-image: none;
  height: 100vh;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.portada p{
  font-size: 50px;
  font-weight: bold;
  margin: 50px;
  margin-bottom: 0px;
  text-align: end;
}
.portada .firma{
  font-size: 20px;
}
@media (max-width: 768px){.portada{
    height: 100vh;
  }}
@media (max-width: 768px){.portada p{
    font-size: 35px;
    margin: 35px;
    text-align: left;
  }}
body > div.portada.row{
  margin: 0px;
}
.seccion{
  min-height: 500px;
  margin-top: 50px;
}
.img-somos{
  background-color:black;
}
#texto-hola{
  border-bottom-style: solid;
  border-color: white;
}
#texto-hola p{
  margin-bottom: 0px;
  color: white;
}
#hacemos-ofrecemos{
  background-image: none;
  min-height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-top: 50px;
}
.que-hacemos{
  width: 65%;
  margin-bottom: 50px;
  margin-right: 100px;
  
  padding-bottom: 50px;
}
@media (max-width: 768px){.que-hacemos{
    width: 90%;
    margin-bottom: 50px;
    margin-right: 0px;
    padding-bottom: 50px;
  }}
#hacemos h1{
  font-size: 50px;
  font-weight: bold;
  margin: 50px;
  margin-bottom: 30px;
}
@media (max-width: 768px){#hacemos h1{
    margin: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
  }}
#hacemos p{
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 30px;
}
@media (max-width: 768px){#hacemos p{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }}
#hacemos li{
  margin-left: 50px;
}
.como-trabajamos{
  width: 65%;
  margin-bottom: 50px;
  margin-right: 100px;
  padding-left: 50px;
  
  padding-bottom: 50px;
}
@media (max-width: 768px){.como-trabajamos{
    width: 90%;
    margin-bottom: 50px;
    margin-right: 0px;
    padding-bottom: 50px;
  }}
#como-trabajamos h1{
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 50px;
}
@media (max-width: 768px){#como-trabajamos h1{
    margin: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
  }}
#como-trabajamos h3{
  font-size: 1.1rem;
}
#como-trabajamos h4{
  font-size: 4rem;
  color: #000000;
  font-style: italic;
}
#como-trabajamos p{
  margin: 50px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 30px;
}
@media (max-width: 768px){#como-trabajamos p{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }}
#como-trabajamos li{
  margin-left: 50px;
}
#como-trabajamos img{
  max-height: 50px;
  margin: 16px;
}
.porfolio{
    width: 75%;
  }
@media (max-width: 768px){.porfolio{
      width: 100%;
    }}
#porfolio img{
  width: 100%;
}
#porfolio .col-3{
  padding: 0;
}
#porfolio{
  margin-top: 0;
  z-index: -1;
}
#fixed-social{
  position: fixed;
  bottom: 50px;
  right: 0px;
}
#fixed-social a{
  color: rgb(255, 255, 255);
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
   line-height: 40px;
  width: 40px;
  margin-bottom: 1px;
  z-index: 2;
}
#fixed-social a:hover>span{
 visibility: visible;
 right: 41px;
 opacity: 1;
}
#fixed-social a span{
 line-height: 40px;
   right: 60px;
   position: absolute;
   text-align: center;
   width: 120px;
   visibility: hidden;
   transition-duration: 0.5s;
   z-index: 1;
   opacity: 0;
}
.fixed-facebook{
  background-color: #000000;
}
.fixed-facebook span{
 background-color: #000000;
}
.menu i{
  margin-right: 10px;
}
.que-hacemos i{
  margin-right: 10px;
}
.contacto{
  width: 65%;
  margin-bottom: 50px;
  margin-top: 50px;
  margin-right: 100px;
}
@media (max-width: 768px){.contacto{
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-right: 0px;
    border-style: none;
  }}
#contacto{
  background-image: none;
  min-height: 200px;
  margin-top: -110px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
#contacto h1{
  font-size: 50px;
  font-weight: bold;
  margin: 50px;
}
@media (max-width: 768px){#contacto h1{
    font-size: 50px;
    font-weight: bold;

  }}
#contacto i{
margin-left: 10px;
margin-right: 10px;
}
#contacto a{
  text-decoration: none;
  color: black;
}
@media (max-width: 768px){#iconos-contacto{
    margin: 50px;
  }}