body {
	margin: 0;
	padding: 0;

	color: #FFFFFF;
	font-family: 'Ubuntu', sans-serif;
}
.wrapper {
  animation: scroll 150s linear infinite;
  background: url("../images/woops-back.svg");
  background-size: cover;
  background-color: #000000;
  color: #eee;
  height: 100vh;
  min-width: 360px;
  width: 100%;
  display: block;
  justify-content: center;
  align-items: center;
overflow-y: scroll;
}

@keyframes scroll {
   100%{
    background-position:-3000px 0px;
  }
}

@media (prefers-reduced-motion) {
  .wrapper {
    animation: scroll 200s linear infinite;
  }
}

.altura-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.redes-but {
	vertical-align: baseline;
	color: #e63358;
	padding: 10px;
	
}
.redes-but :link, .redes-but :visited {
	color: #e63358;
}
.redes-but :hover {
	color: #FFFFFF;
	text-decoration: none;
}
img {
	width: 100%;
}

footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #000000;
	color: #ffffff;
	margin: 0;
}

.footer-cont{
	width: auto;
    max-width: 680px;
	text-align: center;
    padding: 0 15px;
	margin: 0;
	line-height: 50px;
}
.logo-woops{
	padding-bottom: 30px;
    transform: scale(1);
	transition: all 0.4s cubic-bezier(.8,1.8,.75,.75);
  cursor: pointer;
}
.logo-woops:hover {
	 /* Start the shake animation and make the animation last for 0.5 seconds */

	transform: scale(1.05);
}

.columna-texto{
	padding: 10px 0 5px 0;
	text-align: center;
	width: 100%;
	margin: auto;
}
.columna-texto h2{
	margin-bottom: 30px;
}
.servicios-line {
	margin-bottom: 30px;
}

@media (max-width: 780px){
.columna-texto{
	padding: 20px 0 5px 0;
}
	.servicios-line {
	margin-bottom: 60px;
}  
}
@media (max-width: 1440px){
.columna-texto{
	max-width: 800px;
}
}