/* CSS Document */


/* --- General --- */

#v1-wrap{
	text-align: center;
	margin: 0 auto;
}
#v1-wrap img{
	max-width: 100%;
	height: auto;
}

.v1-mobile{
	display: none;
}
.v1-narrow{
	max-width: 800px;
	margin: 0 auto;
}
.v1-right{
	text-align: right;
}
.v1-left{
	text-align: left;
}
.v1-center{
	text-align: center;
}
.v1-vertical-center{
    align-items: center;
}
#v1-wrap ul {
  margin: 0;
  list-style-type: none;
}
#v1-wrap ul > li {
  text-indent: -8px;
  margin-bottom: .5em;
  line-height: 1.5em;
}
#v1-wrap ul > li:before {
  content: "- ";
  text-indent: -8px;
}
#v1-wrap a{
	color: #6699ff;
	text-decoration: none;
}
#v1-wrap a:hover, #v1-wrap a:focus{
	text-decoration: underline;
}


/* --- Article and section --- */

#v1-wrap section{
	padding: 2em 0 2em;
}
#v1-wrap article > section:last-child{
	padding-bottom: 0;
}


/* --- Columns --- */

.v1-two-cols{
	display: flex;
}
.v1-two-cols > div:first-child{
	margin-right: 3em;
}
.v1-small-col{
	flex: 1;
}
.v1-big-col{
	flex: 2;
}
.v1-bigger-col{
	flex: 6;
}
.v1-narrow .v1-two-cols{
  align-items: center;
}

#v1-wrap section.v1-many-cols{
	display: flex;
	margin: 1em 0 0;
	text-align: center;
}
#v1-wrap section.v1-many-cols > div{
	flex: 1;
	margin: 0 2em;
}
#v1-wrap section.v1-many-cols > div:first-child{
	margin-left: 0;
}
#v1-wrap section.v1-many-cols > div:last-child{
	margin-right: 0;
}

.v1-split > div{
	width: calc(46% - 4px);
	display: inline-block;
}
.v1-split > div:nth-child(odd){
	margin-right: 8%;
}

/* --- Graph --- */

.v1-graph{
	text-align: center;
	font-size: 1.2em;
	line-height: 1em;
	color: #0177ff;
}
#v1-wrap .v1-graph ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	text-indent: 0;
}
#v1-wrap .v1-graph li{
	margin: 0 0 1em;
	padding: 0;
}
#v1-wrap .v1-graph ul > li:before {
  content: "";
}
.v1-graph .v1-line{
	font-size: 2em;
	line-height: 1em;
}
#v1-wrap .v1-graph p{
	margin: 1em 0;
}

/* --- Logos --- */

.v1-logos{
	padding: 1em 0 0;
}
.v1-logos img{
	display: inline-block;
	padding: 0 1em 3em;
}
.v1-logos div{
	display: inline-block;
	width: calc(16% - 4px);
	margin: 0 2%;
	text-align: center;
	vertical-align: middle;
}

/* --- Table --- */

#v1-wrap table{
	margin: 2em auto;
	max-width: 1100px;
    border-radius:10px;
	border-left: solid 2px #c3c3c3;
	border-top: solid 2px #c3c3c3;
	text-align: center;
	border-collapse: initial;
}
#v1-wrap td, #v1-wrap th {
	border-right: solid 2px #c3c3c3;
	border-bottom: solid 2px #c3c3c3;
	padding: 1em;
	font-weight: normal;
	vertical-align: middle;

}
#v1-wrap table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#v1-wrap table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
#v1-wrap table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
#v1-wrap table p{
	margin: .5em;
}

/* --- Team --- */

#v1-wrap .v1-team{
	border-bottom: solid 1px #e5e5e5;
}
#v1-wrap .v1-team > div{
	line-height: 1.4em;
	margin-bottom: 30em;
}
#v1-wrap .v1-team .v1-image{
	width: 172px;
	height: 172px;
	overflow: hidden;
	border-radius: 100%;
	background-color: #f7f8fa;
	margin: 0 auto 1em;
}
#v1-wrap .v1-team .v1-position{
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid 1px #e5e5e5;
	padding-bottom: 1em;
	max-width: 300px;
	margin: 0 auto 1em;
}


/* --- Questions --- */

#v1-wrap .v1-questions section{
	border-bottom: solid 1px #e5e5e5;
    padding: 3em 0 3em;
}

/* --- Mobile view --- */

@media (max-width: 900px) {
	#v1-wrap{
		text-align: center;
	}
	#v1-wrap ul{
		display: inline-block;
		margin: 0 auto;
		text-align: left;
	}
	.v1-right, .v1-left{
		text-align: center;
	}
	.v1-two-cols{
		display: block;
	}
	.v1-two-cols > div:first-child{
		margin-right: 0;
		margin-bottom: 2em;
	}
	.v1-desktop{
		display: none;
	}
	.v1-mobile{
		display: block;
	}
	#v1-wrap section.v1-many-cols{
		display: block;
	}
	#v1-wrap section.v1-many-cols > div{
		margin: 0 0 2em;
	}
	#v1-wrap section.v1-many-cols > div.v1-team{
		margin: 0 0 4em;
	}
	.v1-split > div{
		width: auto;
		display: block;
	}
	.v1-split > div:nth-child(odd){
		margin-right: 0;
	}
	.v1-logos div{
		display: block;
		width: auto;
		margin: 0;
	}
}