html {
	scroll-behavior: smooth;
}

body {
	
}

@charset "utf-8";
.lib-section-header {
background-color: #a6cab6;
border-radius: 8px;
}

.btn-tutorials {
margin-top: 10px;
background-color: white;
margin-bottom: 10px;
border: solid;
border-width: 1px;
border-color: darkgrey;
border-radius: 3px;
}

.explore2 {
text-align: center;
font-size: 32px;
font-style: italic;
font-family: "Libre Baskerville",serif;
color: white;
}

.lib-section {
text-align: center;
padding: 20px;
border: solid;
border-color: lightgray;
border-width: 1px;
border-radius: 12px;
margin-bottom: 100px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}

.lib-section2 {
background-color: #F8F8F8;
padding: 20px;
border: solid;
border-color: lightgray;
border-width: 1px;
border-radius: 8px;
margin-bottom: 100px;
}

.davinci-section-fill {
background-color: white;
}

body {
font-size: 16px;
font-family: open sans;
line-height: 1.6;
}

.sample-vid {
max-width: 950px;
}


.image {
width: 400px;
box-shadow: 4px 4px 4px #888888;
border-radius: 7px;
}

.category-font {
font-family: 'Comic Sans MS';
font-size: 24px;
}

.description-font {
font-size: 18px;
margin: 30px;
}

.header-unit2 {
height: 670px;
border-right: none;
border-left: none;
position: relative;
padding: 0px;
}

#video-container2 {
position: absolute;
}

#video-container2 {
top: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
}

video.fillWidth2 {
width: 100%;
position: absolute;
z-index: 0;
}

.sticky {
position: fixed;
margin-top: 70px;
z-index: -100;
}
.davinci-quote {
	font-family: "Times New Roman", Times, serif;
}

.box {
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid;
	border-width: 1px;
	box-shadow: 3px 3px 5px #F0F0F0;
	border-color: #E0E0E0;
	border-radius: 5px;
}

.explore {
	text-align: center;
	font-size: 24px;
	font-style: italic;
	font-family: "Libre Baskerville",serif;
}

.stripe {
	background-color: #F8F8F8;
	min-height: 400px;
	border: solid;
	border-width: 0px;
	border-color: darkgray;
	padding-top: 50px;

}

.stand-out2 {
color: white
}

.btn-davinci2:hover {
background-color: #3d4351;
color: white
}
.list {
padding: 20px;
border-radius: 8px;
background-color: white;
border: solid;
border-width: 1px;
border-color: darkgray;
margin-left: 80px;
margin-right: 80px;
}

.list2 {
padding: 20px;
border-radius: 8px;
background-color: #F5F5F5;
border: solid;
border-width: 1px;
border-color: darkgray;
margin-left: 80px;
margin-right: 80px;
}

.copter1 {
	background: url(https://s3.amazonaws.com/resources.datablogr.com/copter5.gif);
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	box-shadow: 0px 0px 12px #86BFA0;
	
}
.hover-box {
transition: box-shadow 500ms;
box-shadow: 0px 0px 7px #D3F0E0;
}
.hover-box2:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hover-box:hover {
box-shadow: 0px 0px 16px 8px rgba(211,240,237,1);
}
.hover-box-old:hover {
box-shadow: 0px 0px 16px 2px rgba(211,240,237,1);
}

.metro-tile:hover {
	-webkit-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	-moz-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	-ms-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
}

.tile-title {
	font-size: 30px;
	font-family: "Lato", sans-serif;
	color: white
}

.tile-link {
	text-decoration: none;
}

.tile-link:hover {
	text-decoration: none;
}
.tile-img {
	margin: auto;
	height: 120px;
	width: 120px;
	display: block;
}

.metro-tile {
	height: 240px;
	width: 240px;
	padding: 10px;
	padding-top: 40px;
	text-align: center;
	border-radius: 12px;
}

.copter {
	position: absolute;
	right: 0px;
	width: 100%;
	z-index: 500;
}

#dialog {
	/*background-image: url("parch3.jpg");*/
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 18px;
	background-color: white;
}

.parch-column {
	border: solid;
	border-width: 0px;
	border-color: lightcoral;
	border-radius: 8px;
	height: 300px;
	margin-top: 70px;
	margin-left: 20px;
	margin-right: 20px;
}

.dialog-section-title {
	font-size: 24px;
	color: #523314;
	text-align: center;
	display: block;
}

.dialog-section {
	text-align: center;
}

.fancy-text {
	font: 400 50px/0.8 'Great Vibes', Helvetica, sans-serif;
	color: #3d4351;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
}

.sample-row{
			
	display:flex;
	flex-direction:row;
	height:200px;
	
	
}

.sample-row-container{
			
	
	height:200px;
    margin-bottom:60px;
}
.sample-row img{
	border-radius:10px;
}
.sample1{
	width:300px;
	margin-right:40px;
}

.sample2{
	flex:1;
	border:solid;
	border-width:0px;
	border-color:lightgrey;
	padding:0px;

}
.sample-title{
	font-weight:bold;
	font-size:26px;
	text-align: center;
	margin-bottom:10px;
}
.user-tile{
	width:400px;
	border:solid;
	border-width:1px;
	border-color:lightgrey;
	border-radius:10px;
	margin:10px;
    cursor:pointer;
	padding:10px;
	background-color:white;
	box-shadow2: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.15);
	box-shadow1: rgb(200, 200, 200) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

.user-tile-row1{
	height:100px;
}

.user-tile-row2{
	height:100px;
}

.user-img{
	width:100px;
	height:100px;
	border-radius:8px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.user-title{
	font-weight2:bold;
	font-size:22px;
}

#content-creators{
	background-image: url("https://d2940b8r4fmnoe.cloudfront.net/content-creators-min.jpg");
	background-repeat: no-repeat;
	  background-size: cover;
}

.btn-data{

}

.data-tile{
	border:solid;
	border-width:1px;
	border-color:lightgrey;
	border-radius:10px;
	padding:10px;
	background-color:white;
	margin:5px;
	box-shadow2: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.15);
}
.data-column-title{
	font-weight:bold;
	font-size:30px;
	text-align: center;
}
.data-column{
	padding:20px;
}

.dynamic-title{
	text-align: center;
	font-weight:bold;
	font-size:22px;
	margin-bottom:10px;
}

.section-text{
	font-size:18px;
}

#founding-members{
	background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/journey-min.jpg");
    background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape.jpg");
    background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape1.png");
    background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape2.png");
    background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape3.png");
    background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape4.png");
    background-image2: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape5.png");
    background-image: url("https://d2940b8r4fmnoe.cloudfront.net/ladnscape6-min.jpg");
    
	background-repeat: no-repeat;
	  background-size: cover;
}

.li-faq{
	padding-left:20px;font-size:20px;
	font-weight:bold;
}
.li-answer{
	padding-left:30px;
	padding-top:20px;
	padding-bottom:40px;
}

.img-button {
	cursor:pointer !important;
	transition: box-shadow 500ms !important;
	box-shadow2: 0px 0px 7px #D3F0E0;
}
.img-button:hover {
	box-shadow2: 0px 0px 16px 8px rgba(0,0,07,0.4);
	box-shadow: 0px 0px 8px 6px rgba(0,0,07,0.32) !important;
}