/*
Timeline Template
http://www.templatemo.com/preview/templatemo_427_timeline
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

@import url(http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');


html {
    box-sizing: border-box;
}

body{
	background-color: #e6e6e6;
}

#fullpage_home{
	background: url('../images/bg_home.jpg') no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.container.main{
	max-width:1000px;
	width:100%;
	margin: 40px auto;
}

#top {
	margin-top: 50px;
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.navbar-brand p, span {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
}

.navbar-default {
	padding-top:10px;
    border-color: transparent;
	background-color:  #FFF;
}

/* Header*/
h1 {font-family:'Roboto Condensed';text-transform: uppercase;font-weight:700;color:#ffffff;}
h1.main-header{text-align:left; margin-top:30px;margin-bottom:30px; color:#02B8BF;}
h1 > span { display: block; font-size: 0.6em; font-weight: normal; line-height: 1; color:#333333;}

h2 {font-family:'Roboto Condensed';text-align:center;text-transform: uppercase;font-weight:700;color:#02B8BF;}
h2.dot:after {padding-left:2vh;color:#999999;font-family: FontAwesome; content: "\f111"; font-size:0.3em;}
h2.white {color:#FFF;}
h2.dot.white:after {color:#00f6ff;}

h3{font-family:'Roboto Condensed';text-transform: uppercase;font-weight:700; color:#333;}
h3.white {color:#FFF;}

h4 {font-family:'Roboto Condensed';text-transform: uppercase;font-weight:700; text-align:center;text-decoration:underline;}
h4.white {color:#FFF;}

hr {border-top: 1px solid #02B8BF;}

p.white {
	color:white;
}

footer {
	background-color: #999999; /*rgba(255,255,255,1); */
    /*background-color: #666; /*#71b532;*/
    margin-top: 40px;
}

.copyright-text {
    margin-top: 25px;
}

.copyright-text p {
    font-family: 'Dosis';
    font-size: 1.1em;
    color: #fff; /*#666;*/
}

.copyright-text a {
   color: #fff; /*#666;*/
}

.copyright-text em {
    font-style: normal;
    color: #666;
}

.back-to-top {
    margin-top: 15px;
    margin-left: 25%;
    width: 170px;
    height: 34px;
    text-align: center;
    display: inline-block;
}

.back-to-top a {
    font-family: 'Dosis';
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    border: 3px solid #ccc;
    width: 170px;
    height: 40px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-color: #999;
}

.back-to-top a:hover {
    background-color: #666;
    border-color: #aaa;
}


a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}


@media (min-width:320px){ 

h1.main-header{font-size:2.2em;}
h2{font-size:1.6em;}
h2.link{padding-bottom:0vh;}
h3{font-size:1.5em;padding-bottom:2vh;}
h4{font-size:1.4em;padding-top:2vh;padding-bottom:1vh;}
p, b, em {font-size:1em;}

.navbar-brand p, span {
	font-size:0.8em;
}


}


@media (min-width:768px){ 
h1.main-header{font-size:5em;}
h2{font-size:4em;}
h2.link{padding-bottom:0;}
h3{font-size:1.8em;}
h4{font-size:1.4em;padding-top:1vh;padding-bottom:3vh;}


p, b, em, ul {font-size:1.1em;}

.navbar-brand p, span {
	font-size:1.2em;
}



}