.titulo{
  padding: 20px 20px 20px 0;
  background: #fff;
  width: 400px;
  float-left: -100px;
}

.titulo2 {
    margin-top: 10px;
    color: white;
    font-size: 70px;
    font-weight: 200;
}

.titulo3{
  padding: 10px;
  width: 380px;
  background-color: #fff;
  text-align: center;
  z-index: 1;
}

.titulo4 {
    margin-top: 10px;
    color: #000;
    font-size: 70px;
    font-weight: 200;
}

.titulo5{
  padding: 10px 0 0 0;
  width: 380px;
  background-color: #fff;
  text-align: left;
  z-index: 1;
}

.arriba{
    padding-top: 8px;
}


.iconos-social-media{
    font-size: 50px;
    color: #343233;

}

.tipografia-100{
    font-weight: 300
}

.tipografia-200{
    font-weight: 200
}

.tipografia-300{
    font-weight: 300
}

.tipografia-400{
    font-weight: 400
}

.color-rosa{
    color: #ffc0cb;
}

.color-negro{
    color: #000;
}

.color-azul{
    color: #56A7CA;
}

.color-blanco{
    color: #fff;
}

.color-piel{
    color: #958472;
}


/* BOTONES */

.boton-1{
    padding: 10px;
    border: 1px solid #000;
}

.boton-1:hover{
    padding: 10px;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.boton-2{
    padding: 10px;
    background-color: #fff;
    color: #000;
}

.boton-2:hover{
    padding: 10px;
    background-color: #5e564e;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.boton-3{
    padding: 10px;
    color: #898584;
}

.boton-3:hover{
    padding: 10px;
    background-color: #5e564e;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.color-negro-boton{
    color: #000;
}

/* BOTONES END*/