body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background: url(/app/aniversario199/img/bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.container-principal {
	background: #ffffff;
	padding: 0;
}

#container {
	top: 25%;
	left: 0%;
}

#container2 {
	top: 0%;
	right: 50%;
}

#container3 {
	top: 25%;
	right: 0%;
}

.party {
	position: absolute;
	width: 0;
	height: 0;
}

.timeline {
	text-align: center;
	max-width: 800px;
	margin: 25px auto;
}

.timeline img {
	margin: auto;
	max-width: 100%;
}

.timeline .st0 {
	fill: none;
}

.timeline .st1 {
	fill: #4d4d4d;
}

.timeline .st2 {
	font-size: 107.2495px;
	text-transform: uppercase;
}

.timeline .st3 {
	fill: none;
	stroke: url(#SVGID_1_);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.timeline .st4 {
	fill: url(#SVGID_2_);
}

.timeline .st5 {
	fill: url(#SVGID_3_);
}

.timeline .st6 {
	fill: #ffffff;
}

.timeline .st7 {
	fill: #919191;
}

.timeline .st8 {
	fill: url(#SVGID_4_);
}

.timeline .st9 {
	fill: url(#SVGID_5_);
}

.timeline .st10 {
	fill: url(#SVGID_6_);
}

.timeline .st11 {
	fill: url(#SVGID_7_);
}

.timeline .st12 {
	fill: url(#SVGID_8_);
}

.timeline .st13 {
	fill: url(#SVGID_9_);
}

.timeline .st14 {
	fill: url(#SVGID_10_);
}

.timeline .st15 {
	fill: url(#SVGID_11_);
}

.timeline .st16 {
	font-family: 'Poppins', sans-serif;
}

.timeline .st17 {
	font-size: 35.7498px;
}
.timeline .year-active {
	fill: #ed1d24;
}

#footer {
	background: #cd1818;
	color: #fff;

	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 50px;
}

#footer .maina {
	font-size: 28px !important;
	color: #fff !important;
	font-weight: 600;
}

#footer .content-left {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#footer .content-left > p {
	padding-left: 15px;
	padding-right: 15px;
}
#footer .social {
	justify-content: space-around;
	display: flex;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 100%;
}
#footer .finfo {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
}


#img001 {
	max-height: none !important;
    max-width: 374px;

    z-index: 1 !important;
    position: relative;

			width: 220px;
    margin-top: 15px;
}
body > header .logo {
	margin-top: 0;
	padding-top: 15px;
}

@media (min-width: 720px) {
	#footer .content-left > p {
		border-right: 1px solid #ffffff61;
	}
	#footer .finfo p {
		text-align: left !important;
	}

#img001 {
    width: 100%;
	margin-top: 50px;
}
.container-principal{

}
}

@media (min-width: 1020px) {
	#footer .social {
		width: auto;
	}
}