@font-face {
	font-family: KeepCalm-Medium;
	src: url("fonts/KeepCalm-Medium.woff") format("woff");
}
@font-face {
	font-family: Roboto-Regular;
	src: url("fonts/Roboto-Regular.woff") format("woff");
}
@font-face {
	font-family: Roboto-Bold;
	src: url("fonts/Roboto-Bold.woff") format("woff");
}
@font-face {
	font-family: Roboto-Italic;
	src: url("fonts/Roboto-Italic.woff") format("woff");
}
*{
    box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
    font-family:KeepCalm-Medium, sans-serif;
    color:transparent;
    background:linear-gradient(0deg,#806060,#FF7F50 100%);
    background-clip:text;
    -webkit-background-clip:text;
    text-shadow: 0.025em 0.025em #00000030;
    margin:0;
}
html,body{
    border:none;
    margin:0;
    padding:0;
}
html{
    background:#EEEEF0;
    width:100%;
    min-height:100vh;
}
body{
    font-family:Roboto-Regular, sans-serif;
    color:#404040;
    line-height:1.5;
}
.bold{
    font-family:Roboto-Bold, sans-serif;
}
.italic{
    font-family:Roboto-Italic, sans-serif;
}
#stripe{
    position:relative;
    display:block;
    padding:10em 0;
    box-shadow: inset 0 -2em 2em -2em #00000060;
    margin-bottom:4em;
}
#logo{
    display:block;
    margin: 0 auto;
    width:55%;
    max-width:55em;
    height:auto;
    animation:logoin 2s ease-out;
}
@media all and (max-width: 50em){
    #logo{
        width:80%;
    }
}
@keyframes logoin{
    0%{
        transform:scale(1.1);
        opacity:0;
    }
    50%{
        opacity:1;
    }
    100%{
        transform:scale(1);
    }
}
#scrollingPicsContainer{
    position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:#505050;
    z-index:-2;
}
#scrollingPicsDarken{
    position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:#00000020;
    z-index:-1;
}
div.scrollingPic{
	position:absolute;
	top:0; left:0; width:100%; height:100%;
	background-size:cover;
	background-position:50% 50%;
	transition:opacity 1s;
}
div.scrollingPic.active{
	opacity:1;
}
div.scrollingPic.inactive{
	opacity:0;
}
@keyframes slide0{
    0%{
        background-position:70% 70%;
    }
    100%{
        background-position:50% 50%;
    }
}
@keyframes slide1{
    0%{
        background-position:30% 30%;
    }
    100%{
        background-position:50% 50%;
    }
}
section{
    display:block;
    width:100%;
    max-width:65em;
    margin:3em auto;
    padding:0 1em;
}
p{
    text-align:justify;
}
hr{
    display:block;
    width:25%;
    max-width:12.5em;
    margin:0 auto;
}
ul.links > li{
    padding:0.2em 0;
}
div.iconContainer{
    text-align:center;
}
div.iconWithText{
    display:inline-block;
    width:10em;
    margin:0.75em;
    text-align:center;
    vertical-align:top;
    transform:scale(1);
    transition:transform 0.2s ease-out;
}
div.iconWithText:hover{
    transform:scale(1.05);
}
div.iconWithText img{
    display:block;
    width:70%;
    height:auto;
    margin:0 auto 0.5em auto;
}
footer{
    margin-top:12em;
    background:#505050;
    color:#C0C0C0;
    text-shadow: 0.05em 0.05em #00000040;
    box-shadow:inset 0 2em 2em -2em #00000060;
    padding:1em;
}
footer section{
    padding:0;
    margin:1em auto;
}
.tiny{
    font-size:0.85em;
}
a{
    color:#4050C0;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
footer a{
    color:#C0C0C0;
    text-decoration:underline;
}
footer a:hover{
    color:#FFFFFF;
}