/* ʱ´úJava - https://NowJava.com */
html {
	box-sizing:border-box;
}
*,*:before,*:after {
	box-sizing:inherit;
}
body {
	font-family:'Roboto','Helvetica Neue','Lucida Grande',sans-serif;
	font-size:24px;
	font-weight:300;
	-webkit-font-smoothing:antialiased;
	color:#222222;
}
a {
	text-decoration:none;
	color:#0a8da3;
}
hr {
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:0;
}

.main-button {
	display:block;
	border:none;
	padding:15px 0;
	border-radius:4px;
	cursor:pointer;
	outline:none;
	-webkit-transition:all ease 0.2s;
	transition:all ease 0.2s;
	font-size:24px;
	width:50%;
}
.main-button:active {
	padding:18px 0 12px 0;
}

.download-button {
	background:rgba(255,255,255,1);
	margin:0 auto 10px;
	box-shadow:0 3px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.9);
	font-weight:400;
	opacity:0;
	animation:fadeInAnimation 0.5s ease-in-out 0.8s forwards;
}
.download-button:hover {
	text-decoration:none;
	background:#feeff4;
}
.download-button:active {
	box-shadow:none;
	background:rgba(0,0,0,0.4);
	color:white;
}

.button-example {
	margin:20px auto;
	background:#0BA1BB;
	color:white;
	box-shadow:0 3px #0a8da3;
}
.button-example:hover {
	background:#0892aa;
	text-decoration:none;
}
.button-example:active {
	background:#0a8da3;
}

.content-wrapper-small {
	width:700px;
	margin:0 auto;
	overflow:hidden;
}

.examples-cont {
	text-align:center;
}

.picture-example {
	margin:40px auto 0;
}
.picture-caption {
	font-size:18px;
	color:rgba(0,0,0,0.4);
	margin:10px 0 20px;
}