/*--------------- FONTS CSS ---------------*/
/*SERIF*/
@import url(https://fonts.googleapis.com/css?family=Catamaran:400,700);
/*font-family: 'Catamaran', sans-serif;*/
/*--------------------------------------------- CSS ---------------------------------------------*/

html, body {
	background: #F07F0A;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	user-select: none;
	overflow: auto;
	display: flex;
    align-items: center;
  	justify-content: center;
  	
}

.container {
	background: #FFFFFF;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 0px none #ffffff;	
    margin: 0.75%;
    height: 97%;
    width: 100%;
    display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-direction: column;
  	text-align: center;
}

p {
	font-family:'Catamaran', sans-serif;
	font-weight:400;
	font-size:1.5em;
	color: #1E1E1F;
	padding: 25px 0px;
	margin: 0px;
	width: 50%;
}

a {
	color:#F07F0A;/*color texto*/
	text-decoration:none;
}

span {
	margin: 0;
	padding: 0;
}
/*------ ESTILOS GENERALES TEXTO -------*/


#imgr1 {
	position:relative;
	left:1px;
	top:-1px;
}

#imgr2 {
	position:relative;
	left: -1px;
	top: -2px;
}

#cochekepa {
	position:relative;
	left: -300px;
	top: -2px;
}
#autos-kepa  {
	fill: #F07F0A;
}

@keyframes rotate {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

#imgr1 {
	animation: 3s rotate linear infinite;
	transform-origin: 50% 50%;
}

#imgr2 {
	animation: 3s rotate linear infinite;
	transform-origin: 50% 50%;
    animation-direction: reverse;
 }

@media (max-width: 768px) {

.container {
	margin: 2.5%;
	}

p {
	font-size: 1.5em;
	width: 85%;
    }
}