/* demo for illustrator CSS */
@font-face {
    font-family: 'sinkin_sans500_medium';
    src: url('SinkinSans-500Medium-webfont.eot');
    src: url('SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('SinkinSans-500Medium-webfont.woff2') format('woff2'),
         url('SinkinSans-500Medium-webfont.woff') format('woff'),
         url('SinkinSans-500Medium-webfont.ttf') format('truetype'),
         url('SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background:url(../../img/background/watercolor.jpg) no-repeat center center fixed;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
}

.no-csstransforms3d .book,

.no-js .book,

.front {
    background: url(../../img/cover-illustrator.jpg);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.16) 15%, rgba(255, 255, 255, 0.05) 100%), url(../../img/cover-illustrator.jpg), #333;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.16) 15%, rgba(255, 255, 255, 0.1) 100%), url(../../img/cover-illustrator.jpg), #333;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top;	
}

h1.huge-title {
    font-family: 'Tulpen One', Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 600;
    color: #b11717;
    margin-bottom: 5px;
    padding: 0 10px 20px 0;
}

.content-title.title-2 h2{
	font-size:2.5em;
	font-weight: 300;
	color: #555;
	margin-top:30px;
	margin-bottom:30px
}

.content-title.title-3 h3{
	font-family: 'Marvel', Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 1.3em;
	margin-bottom: 40px;
}
span.sub-title{
	color:#aaa;
	font-size:.9em;
	margin-left:4px;
}
p.half-width{
	display: block;
	width: 80%;
	margin-left:4px;
}

.intro-content h1{
	font-family:'sinkin_sans500_medium';
	font-style:normal;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.6em;
}

.intro-content p{
	font-size:14px;
}

.content-title h2{
	font-family:"Oswald", "Comic Sans MS", cursive;
	text-transform: normal;
}

.book-timeline > li .time-data{
	font-family:'Marvel', Arial, Helvetica, sans-serif;
}

.effect-moveleft.animate .outer-nav a{
	font-family:'Marvel', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:600;
}