Pie.css

.pie {

   color: #ffffff;
   margin-bottom: -180px;
   margin-right: -230px;
   margin-left: -200px;
   background-color: #691827;
   overflow: auto;
   height: 300px;
   width: 125%;
   clear: both;
   bottom: 0;

}

.listapie {

   list-style: none;

}

.logopie {

   margin-top: 500px;
   height: 60px;
   width: 100px;
   margin-bottom: 25px;

}

.parrafo {

   width: 220px;
   justify-content: center;
   margin-top: -25px;
   font-family: Arial, Helvetica, sans-serif;

}

.redes {

   height: 25px;
   width: 25px;
   margin-left: 5px;

}

.confpie {

   display: block;
   position: absolute;
   left: 25%;
   top: 25px;
   transform: translate(-50%, 0);

}

.titulospie {

   margin-bottom: 50px;
   font-family: Arial, Helvetica, sans-serif;
   color: #ffffff;

}

li {

   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 25px;

}

.confpietercero {

   display: block;
   position: absolute;
   margin-left: 5000px;
   transform: translate(-50%, 0);

} .side{ float: left;

  width: 13em;
  padding: 0 0.5em;
  background-color: #ff6;

margin-left: -20em; position: relative; height: 1500px; z-index:-5; }

1. wrapper {

  margin: 0 14em 0 12em;
  padding: 0 1em;

} p{

   z-index: 5;
   text-align: justify;

}