#timelineViggo{
	float: left;
	width: 100%;
	margin-top: 2%;
	padding: 2vw 15%;
}
.circle {
	font-weight: bold;
	border-radius: 50vw;
	background-color: #adaeb0;
	color: #fff;
	height: 3vw;
	width: 3vw;
	z-index: 2;
	font-family: 'Neris-SemiBoldItalic';
	text-align: center;
	font-size: 1vw;
	line-height: 1vw;
	padding: calc((3vw - 1vw)/2) 0;
}

.comeco{
	margin-left: -0.15625vw;
}

.how-it-works.row {
	display: flex;
}
.how-it-works.row .col-2 {
	display: inline-flex;
	align-self: stretch;
	align-items: center;
	justify-content: center;
}
.how-it-works.row .col-2::after {
	content: "";
	position: absolute;
	border-left: 0.15625vw solid #adaeb0;
	z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
	height: 50%;
	left: 50%;
	top: 50%;
}
.how-it-works.row .col-2.full::after {
	height: 100%;
	left: calc(50% - 0.15625vw);
}
.how-it-works.row .col-2.top::after {
	height: 50%;
	left: 50%;
	top: 0;
}

.timeline div {
	padding: 0;
	height: 2.0833333333333335vw;
}
.timeline hr {
	border-top: 0.15625vw solid #adaeb0;
	margin: 0;
	top: 0.8854166666666666vw;
	position: relative;
}
.timeline .col-2 {
	display: flex;
	overflow: hidden;
}
.timeline .corner {
	border: 0.15625vw solid #adaeb0;
	width: 100%;
	position: relative;
	border-radius: 1vw;
}
.timeline .top-right {
	left: calc(50% - 0.15625vw);
	top: -50%;
}
.timeline .left-bottom {
	left: -50%;
	top: calc(50% - 0.15625vw);
}
.timeline .top-left {
	left: -50%;
	top: -50%;
}
.timeline .right-bottom {
	left: calc(50% - 0.15625vw);
	top: calc(50% - 0.15625vw);
}

.evento .info{
	display: inline-block;
	vertical-align: middle;
	min-width:65%;	
	max-width:65%;	
	padding: 1vw .5vw;
}
.evento .infotitulo{
	width: 100%;
	font-family: 'Neris-BoldItalic';
	color: #adaeb0;
	font-size: 1.2vw;
	line-height: 1.8vw;
	margin: 0;
}
.evento .infoprincipal{
	width: 100%;
	padding: 1vw 0vw 0vw 0vw;
	margin: 0;
	font-family: 'Neris-Light';
	font-weight: bold;
	color: #1d1e1a;
	font-size: 1vw;
	line-height: 1.47vw;
}
.evento .infoprincipal svg{
	float: none;
	opacity: .2;
	font-size: .7vw;
	margin-left: -.7vw;
	padding-right: .2vw;
}
.evento .infoprincipal .right{
	margin: 0;
	padding: 0;
	margin-right: -.7vw;
	padding-left: .2vw;
}
.evento .infoextra{
	font-weight: normal;
	font-family: 'Neris-ThinItalic';
	font-size: .9vw;
}

@media screen and (max-width:1200px) {
	#timelineViggo{
		margin-top: 2%;
		padding: 2vw 10%;
	}
	.circle {
		height: 4vw;
		width: 4vw;
		font-size: 1.25vw;
		line-height: 1.25vw;
		padding: calc((4vw - 1.25vw)/2) 0;
	}

	.comeco{
		margin-left: -.25vw;
	}

	.how-it-works.row .col-2::after {
		border-left: .25vw solid #adaeb0;
	}
	.how-it-works.row .col-2.full::after {
		left: calc(50% - .25vw);
	}

	.timeline div {
		height: 3.333333333vw;
	}
	.timeline hr {
		border-top: .25vw solid #adaeb0;
		top: 1.416666667vw;
	}
	.timeline .corner {
		border: .25vw solid #adaeb0;
		border-radius: 1vw;
	}
	.timeline .top-right {
		left: calc(50% - .25vw);
	}
	.timeline .left-bottom {
		top: calc(50% - .25vw);
	}
	.timeline .right-bottom {
		left: calc(50% - .25vw);
		top: calc(50% - .25vw);
	}

	.evento .info{
		padding: 1.6vw .8vw;
	}
	.evento .infotitulo{
		font-size: 1.6vw;
		line-height: 2.4vw;
	}
	.evento .infoprincipal{
		padding: 1.3vw 0vw 0vw 0vw;
		font-size: 1.3vw;
		line-height: 1.96vw;
	}
	.evento .infoprincipal i{
		font-size: .933333vw;
		margin-left: -.933333vw;
		padding-right: .266667vw;
	}
	.evento .infoprincipal .right{
		margin-right: -.933333vw;
		padding-left: .266667vw;
	}
	.evento .infoextra{
		font-size: 1.2vw;
	}
}
@media screen and (max-width:1000px) {
	#timelineViggo{
		padding: 2vw 5%;
	}
	.circle {
		height: 4.5vw;
		width: 4.5vw;
		font-size: 1.4vw;
		line-height: 1.4vw;
		padding: calc((4.5vw - 1.4vw)/2) 0;
	}

	.comeco{
		margin-left: -.3vw;
	}

	.how-it-works.row .col-2::after {
		border-left: .3vw solid #adaeb0;
	}
	.how-it-works.row .col-2.full::after {
		left: calc(50% - .3vw);
	}

	.timeline div {
		height: 3.333333333vw;
	}
	.timeline hr {
		border-top: .3vw solid #adaeb0;
		top: 1.416666667vw;
	}
	.timeline .corner {
		border: .3vw solid #adaeb0;
		border-radius: 2vw;
	}
	.timeline .top-right {
		left: calc(50% - .3vw);
	}
	.timeline .left-bottom {
		top: calc(50% - .3vw);
	}
	.timeline .right-bottom {
		left: calc(50% - .3vw);
		top: calc(50% - .3vw);
	}

	.evento .info{
		padding: 1.8vw .9vw;
	}
	.evento .infotitulo{
		font-size: 1.8vw;
		line-height: 2.8vw;
	}
	.evento .infoprincipal{
		padding: 1.5vw 0vw 0vw 0vw;
		font-size: 1.5vw;
		line-height: 2.22vw;
	}
	.evento .infoprincipal i{
		font-size: 1.2vw;
		margin-left: -1.2vw;
		padding-right: .3vw;
		opacity: .3;
	}
	.evento .infoprincipal .right{
		margin-right: -1.2vw;
		padding-left: .3vw;
	}
	.evento .infoextra{
		font-size: 1.4vw;
	}
}

@media screen and (max-width:720px) {
	#timelineViggo{
		margin-top: 3%;
		margin-bottom: 10%;
		padding: 2vw 0%;
	}
	.circle {
		height: 7vw;
		width: 7vw;
		font-size: 2.2vw;
		line-height: 2.2vw;
		padding: calc((7vw - 2.2vw)/2) 0;
	}

	.comeco{
		margin-left: -.6vw;
	}

	.how-it-works.row .col-2::after {
		border-left: .6vw solid #adaeb0;
	}
	.how-it-works.row .col-2.full::after {
		left: calc(50% - .6vw);
	}

	.timeline div {
		height: 6.6666667vw;
	}
	.timeline hr {
		border-top: .6vw solid #adaeb0;
		top: 2.8vw;
	}
	.timeline .corner {
		border: .6vw solid #adaeb0;
		border-radius: 3vw;
	}
	.timeline .top-right {
		left: calc(50% - .6vw);
	}
	.timeline .left-bottom {
		top: calc(50% - .6vw);
	}
	.timeline .right-bottom {
		left: calc(50% - .6vw);
		top: calc(50% - .6vw);
	}

	.evento .info{
		padding: 1.8vw .9vw;
	}
	.evento .infotitulo{
		font-size: 2.5vw;
		line-height: 3.6vw;
	}
	.evento .infoprincipal{
		padding: 2.08vw 0vw 0vw 0vw;
		font-size: 2.3vw;
		line-height: 3.41vw;
	}
	.evento .infoprincipal i{
		font-size: 1.85vw;
		margin-left: -1.85vw;
		padding-right: .460387vw;
	}
	.evento .infoprincipal .right{
		margin-right: -1.85vw;
		padding-left: .460387vw;
	}
	.evento .infoextra{
		font-size: 2.15vw;
	}
}

@media screen and (max-width:620px) {
	#timelineViggo{
		margin-top: 7%;
		margin-bottom: 10%;
		padding: 0;
	}
	.circle {
		height: 9vw;
		width: 9vw;
		min-height: 9vw;
		min-width: 9vw;
		font-size: 3vw;
		line-height: 3vw;
		padding: calc((9vw - 3vw)/2) 0;
	}

	.comeco{
		margin-left: -.6vw;
	}

	.how-it-works.row .col-2::after {
		border-left: .6vw solid #adaeb0;
	}
	.how-it-works.row .col-2.full::after {
		left: calc(50% - .6vw);
	}

	.timeline div {
		height: 6.6666667vw;
	}
	.timeline hr {
		border-top: .6vw solid #adaeb0;
		top: 2.8vw;
	}
	.timeline .corner {
		border: .6vw solid #adaeb0;
		border-radius: 3vw;
	}
	.timeline .top-right {
		left: calc(50% - .6vw);
	}
	.timeline .left-bottom {
		top: calc(50% - .6vw);
	}
	.timeline .right-bottom {
		left: calc(50% - .6vw);
		top: calc(50% - .6vw);
	}

	.evento .info{
		padding: 1.8vw 1.5vw;
	}
	.evento .infotitulo{
		font-size: 3vw;
		line-height: 4.32vw;
	}
	.evento .infoprincipal{
		padding: 2.08vw 0vw 0vw 0vw;
		font-size: 2.76vw;
		line-height: 4.09vw;
	}
	.evento .infoprincipal i{
		font-size: 2.22vw;
		margin-left: -2.22vw;
		padding-right: .552464vw;
	}
	.evento .infoprincipal .right{
		margin-right: -2.22vw;
		padding-left: .552464vw;
	}
	.evento .infoextra{
		font-size: 2.58vw;
	}
}

@media screen and (max-width:520px) {
	#timelineViggo{
		margin-top: 9%;
		margin-bottom: 10%;
		padding: 0;
	}
	.circle {
		height: 10.5vw;
		width: 10.5vw;
		min-height: 10.5vw;
		min-width: 10.5vw;
		font-size: 3.5vw;
		line-height: 3.5vw;
		padding: calc((10.5vw - 3.5vw)/2) 0;
	}

	.comeco{
		margin-left: -.6vw;
	}

	.how-it-works.row .col-2::after {
		border-left: .6vw solid #adaeb0;
	}
	.how-it-works.row .col-2.full::after {
		left: calc(50% - .6vw);
	}

	.timeline div {
		height: 6.6666667vw;
	}
	.timeline hr {
		border-top: .6vw solid #adaeb0;
		top: 2.8vw;
	}
	.timeline .corner {
		border: .6vw solid #adaeb0;
		border-radius: 3vw;
	}
	.timeline .top-right {
		left: calc(50% - .6vw);
	}
	.timeline .left-bottom {
		top: calc(50% - .6vw);
	}
	.timeline .right-bottom {
		left: calc(50% - .6vw);
		top: calc(50% - .6vw);
	}

	.evento .info{
		min-width:75%;	
		max-width:75%;
		padding: 3vw 3vw;
	}
	.evento .infotitulo{
		font-size: 3.7vw;
		line-height: 5vw;
	}
	.evento .infoprincipal{
		padding: 2.5vw 0vw 0vw 0vw;
		font-size: 3vw;
		line-height: 4.3vw;
	}
	.evento .infoprincipal i{
		font-size: 2.22vw;
		margin-left: -2.22vw;
		padding-right: .552464vw;
	}
	.evento .infoprincipal .right{
		margin-right: -2.22vw;
		padding-left: .552464vw;
	}
	.evento .infoextra{
		font-size: 2.8vw;
	}
}
@media screen and (max-width:420px) {
	.circle {
		height: 13vw;
		width: 13vw;
		min-height: 13vw;
		min-width: 13vw;
		font-size: 4.2vw;
		line-height: 4.2vw;
		padding: calc((13vw - 4.2vw)/2) 0;
	}

	.comeco{
		margin-left: -1vw;
	}

	.how-it-works.row .col-2::after {
		border-left: 1vw solid #adaeb0;
	}
	.how-it-works.row .col-2.full::after {
		left: calc(50% - 1vw);
	}

	.timeline div {
		height: 11.111111167vw;
	}
	.timeline hr {
		border-top: 1vw solid #adaeb0;
		top: 4.666666667vw;
	}
	.timeline .corner {
		border: 1vw solid #adaeb0;
		border-radius: 5vw;
	}
	.timeline .top-right {
		left: calc(50% - 1vw);
	}
	.timeline .left-bottom {
		top: calc(50% - 1vw);
	}
	.timeline .right-bottom {
		left: calc(50% - 1vw);
		top: calc(50% - 1vw);
	}

	.evento .info{
		min-width:75%;	
		max-width:75%;
		padding: 4vw 4vw;
	}
	.evento .infotitulo{
		font-size: 4.7vw;
		line-height: 6.5vw;
	}
	.evento .infoprincipal{
		padding: 3.5vw 0vw 0vw 0vw;
		font-size: 4.2vw;
		line-height: 6vw;
	}
	.evento .infoprincipal i{
		font-size: 3vw;
		margin-left: -3vw;
		padding-right: .5vw;
	}
	.evento .infoprincipal .right{
		margin-right: -2.22vw;
		padding-left: .5vw;
	}
	.evento .infoextra{
		font-size: 4vw;
	}
}