body {
  font-family: 'Cabin', sans-serif;
  overflow-x: hidden;
}
html {
  overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

a {
  color: white;
  font-size: 21px;
}

h1 {
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  margin-top: 60px;
}

h2 {
  
  color: #4d4d4d;
}

h3 {
  font-size: 20px;
  color: black;
  margin-top: 48px;
  margin-left: 20px;
  }

h4 {
  font-size: 17px;
  color: #4d4d4d;
  }

h5 {
  font-size: 20px;
  color: white;
}

h6 {
  font-size: 16px;
  color: white;
  text-align: center;
}

/* ---------------------------------------------- /*
 * General
/* ---------------------------------------------- */

.header1 {
  background-color: white;
  padding: 70px 0 ;
  text-align: center;
}
.header2 {
  background-color: #fafafa;
  padding: 70px 0 ;
  text-align: center;
}
.header3 {
  background-color: #e6e6e6;
  padding: 70px 0 ;
  text-align: center;
}

#margin-text-top {
  margin-top: 46px;
}

#contact{
 font-size: 13px;
 color: #e6e6e6;
}

.nav {
	background: none;
	border-radius: 0;
	border: 0;
	padding: 68px 0;
	font-weight: 400;
	color: #FFF !important;
  text-align: center;
}

.nav-item {
  margin-right: 40px;
  margin-left: 60px;
  text-align: center;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
	background: none;
	outline: 0;
	color: #647e22;
}

.wrapper {
	overflow: hidden;
}
.btn-enviar {
  background: #b2ba9c;
    color: white;
    border: 2px solid #b2ba9c;
    padding: 8px 50px;
    font-size: 18px;
    margin-left: 16px;
}

.form-group:hover {
  border-bottom: 1px solid #b2ba9c;
}
.btn-enviar:hover {
   background: #647e22;
   border:  2px solid #647e22;

}

#inicio {
	  
  background: linear-gradient(
    rgba(34, 34, 34, 0.2), 
    rgba(34, 34, 34, 0.2)
  ), url("../images/1.jpg") no-repeat ;
  background-size: cover;
  padding: 0 0 300px 0;
  text-align: center;
}


	


/* ---------------------------------------------- /*
 * ABOUT
/* ---------------------------------------------- */

#about {
  text-align: center;
  background-color: white;
  padding: 0 0 70px 0;
}

.icons{
  margin-top: 36px;
}

.about-text {
  font-size: 13px;
    color: white;
    margin-top: 25px;

}
.about-text2 {
  font-size: 13px;
    color: white;
    margin-top: -10px;

}


p.contacto {
  color: white;
  font-size: 16px;

}

p.contacto:hover {
  color: white;
  font-size: 16px;
  text-decoration: none; 
}

.escala:hover {
  transform: scale(2), translateY(50px);

}
/* ---------------------------------------------- /*
   * PROFILE
/* ---------------------------------------------- */

#profile {
  text-align: center;
  background-color: #ececec;
  padding: 0 0 70px 0;
}

.profile-text {
  margin-top: 58px;
  margin-left: 60px;
}

.progress-bar {
  background-color: #4d4d4d;

}
p.servicios {
  font-size: 22px;
}

/* ---------------------------------------------- /*
 * PORTFOLIO
/* ---------------------------------------------- */

#portfolio {
  text-align: center;
  background-color: #e6e6e6;
  padding: 0 0 70px 0;
}

/* ---------------------------------------------- /*
 * WORKFLOW
/* ---------------------------------------------- */

#workflow {
  text-align: center;
  background-color: #fafafa;
  padding: 0 0 70px 0;
}
.workf {
  margin-top: 50px;
}


/* ---------------------------------------------- /*
 * CONTACT
/* ---------------------------------------------- */

#contact {
  text-align: center;
  background-color: #e6e6e6;
  padding: 0 0 70px 0;
}

.portfolio-item-description {
  -webkit-transition: all 0.125s ease-in-out 0s;
     -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
     -o-transition: all 0.125s ease-in-out 0s;
      transition: all 0.125s ease-in-out 0s;
}

.portfolio-item-preview {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
     -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
}

#portfolio-header {
  background: url(../images/bg2.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
      background-size: cover;
}

.portfolio-item {
  margin-bottom: 20px;
  overflow: hidden;
}

.portfolio-item-preview {
  position: relative;
}

.portfolio-item:hover .portfolio-item-preview {
  -webkit-transform: scale(1.1) rotate(2deg);
     -moz-transform: scale(1.3) rotate(3deg);
    -ms-transform: scale(1.3) rotate(3deg);
     -o-transform: scale(1.3) rotate(3deg);
      transform: scale(1.2) rotate(3deg);
}

.portfolio-item:hover .portfolio-item-description {
  opacity: 1;
  bottom: 0;
}

.portfolio-item-description {
  background: rgba(255, 255, 255, .5);
  position: absolute;
  right: 0;
  bottom: -70px;
  left: 0;
  padding: 25px;
  text-align: center;
  opacity: 0;
  color: #222;
  
}

.oculto-web {
  display: none;
}


/* ---------------------------------------------- /*
 * FOOTER
/* ---------------------------------------------- */
.spacing {
  letter-spacing: 3px;
}
.footer {
  padding: 70px 0;
  background: linear-gradient(
    rgba(34, 34, 34, 0.7), 
    rgba(34, 34, 34, 0.7)
  ), url("../images/1.jpg") no-repeat ;
  background-size: cover;
 
  text-align: center; 
  color: white;
}

@media only screen and (max-width: 544px) {
  .title {
    padding-top: 150px; 
  }

  .oculto-movil {
    display: none;
  }

  .oculto-web {
    display: inline-block;
  }
}