@charset "utf-8";
/* CSS Document */

/* CSS Resets */
html {-webkit-text-size-adjust: none; text-rendering: optimizelegibility; font-size:100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

body { font-family:'Roboto Slab', Arial, Sans Serif; background:url(../images/glow.jpg) center top no-repeat, url(../images/body.jpg) center top repeat; color:#f8f4ee; font-weight:300; text-align:center; text-shadow:0px 2px 1px #000; padding-bottom:90px;}

a, li {
-webkit-transition:all 0.5s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all 0.5s ease-in-out;
} 

p {line-height:2.25em; }

main  { margin-bottom:40px;}
main section { padding-top:80px;}
.heading { margin-bottom:100px; }

header { position:relative; width:100%; }
#header .row {   }
#header-wrapper { background:url(../images/ribbon.png) center top no-repeat; background-size:100% 100%; height:178px; max-width:1030px; margin:0 auto; position:relative; -webkit-animation: ribbon 1s ease-in-out; /* Chrome, Safari, Opera */
animation: ribbon 1s ease-in-out; }
.logo { position:absolute; margin-left:-82px; left:50%; top:56px; z-index:90; 
-webkit-animation: fadeIn 1s ease-in-out 1s both; /* Chrome, Safari, Opera */
animation: fadeIn 1s ease-in-out 1s both;
}

.animate-text { overflow:hidden;
/* Chrome, Safari, Opera */
-webkit-animation-name: welcome;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode:both; 
/* Standard syntax */
animation-name: welcome;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-fill-mode:both;
}

.a-welcome1 {-webkit-animation-delay: 1s; animation-delay: 1s;}
.a-welcome2 {-webkit-animation-delay: 3s; animation-delay: 3s;}
.a-restyling {-webkit-animation-delay: 4.5s; animation-delay: 4.5s; -webkit-animation-duration: 5s; animation-duration: 5s;}

.text-container {}
h1 { font-size: 2.25em; font-weight:400; text-shadow:0px 4px 4px #000;}

#about h1 { font-family:'Roboto Condensed', Arial, Sans Serif; font-weight:700; text-transform:uppercase; font-size: 3.25em;}
#welcome2 { padding-top:20px; }
#welcome h1 { color:#e8175d; padding-top:20px; }
#welcome h2 { font-weight:100; font-size: 1.4em; padding-bottom:20px; padding-top:10px; }
#welcome h2 .highlight { font-weight:300;}
.heavy { font-weight:700;}
.highlight { color: #DDC9A9; }

#welcome2 h1 { font-family:'Roboto Condensed', Arial, Sans Serif; font-weight:700; text-transform:uppercase; color:#e8175d; font-size: 3.4em; width:100%; }
#welcome2 h2 { font-weight:100; /*font-size: 2em;*/ font-size: 1.63em; padding-bottom:20px; padding-top:10px; text-transform:uppercase; }
#about h2 { font-weight:100; /*font-size: 2em;*/ font-size: 2.5em; padding-bottom:20px; padding-top:20px; text-transform:uppercase; }
.h2-high {font-weight:700;}

#tags span { font-weight:100; /*font-size: 2em;*/ font-size: 2.5em; text-transform:uppercase;
-webkit-animation: tags 3s ease-in-out 8s both; /* Chrome, Safari, Opera */
animation: tags 3s ease-in-out 8s both;

 }
#tags span:nth-child(odd) { font-weight:700; -webkit-animation: tags 3s ease-in-out 9s both; /* Chrome, Safari, Opera */
animation: tags 3s ease-in-out 9s both; }

.divider { border:none; display:block; width:100%; height:2px; background:url(../images/highline.png) center top no-repeat;}

.hd-fx { width:100%; display:block; padding:23px 0; height:2px; background-image:url(../images/highline.png); background-repeat:no-repeat;}
.hd-fx.left { background-position:left center;}
.hd-fx.right { background-position:right center;}

footer { background:url(../images/bg_footer2.jpg) center top repeat yellow; height:82px; line-height:82px; text-align:center; position:fixed; bottom:0; width:95%; padding-left:5%; text-align:left; /*border-top:#c1a273 4px solid;*/ z-index:999;
-webkit-animation: footer 0.5s ease-in-out 12s both; /* Chrome, Safari, Opera */
animation: footer 0.5s ease-in-out 12s both;
}

.contact { color:#945523; /*font-family: 'PT Sans', sans-serif; font-weight:400;*/ font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:1.3em; text-shadow: 2px 2px 1px rgba(255, 255, 255, 1); padding-right:30px; 
}

footer a { color:#1B1714; /*font-family: 'PT Sans', sans-serif; font-weight:400;*/ font-weight:300; font-size:0.8em; text-decoration:none; text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);
}
footer a:hover { color:#945523; font-weight:300; font-size:0.8em; text-decoration:none; text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);}

@media screen and (max-width:560px)
{ 
h3 { padding-bottom: 20px; }
#header-wrapper { background-size:cover; height:150px;}
.logo {/* width:80%;*/ top:42px;}
main section {
    padding-top: 0px;
}
#welcome2 {
    padding-top: 0px;
}
#welcome2 h1 {
    font-size: 2.5em;
}
#welcome2 h2 {
    padding-bottom: 0px;
}
.row { padding:0 3%;}
#tags span {
    font-size: 2em;
}
footer { line-height:100%; height:42px; padding:20px 0px; width:100%; text-align:center; }
.contact { display:block; margin:0 auto; text-align:center; padding:0 0 10px 0;}
footer a {  display:block; margin:0 auto; text-align:center;}
}

/*ANIMATIONS */


/* Chrome, Safari, Opera */
@-webkit-keyframes ribbon
{
from {top:-180px;}
to {top:0px;}
}

/* Standard syntax */
@keyframes ribbon
{
from {top:-180px;}
to {top:0px;}
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn
{
from {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
}
to {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
}

/* Standard syntax */
@keyframes fadeIn
{
from {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
}
to {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes welcome
{
from { width:0px;}
to { width:100%;}
}

/* Standard syntax */
@keyframes welcome
{
from { width:0px;}
to { width:100%;}
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes tags
{
0% {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
}
20% {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
30% {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
}
100% {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
}

/* Standard syntax */
@keyframes tags
{
0% {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
}
70% {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
75% {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity: 0.5;
}
100% {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes footer
{
0% {bottom:-82px;}
to {bottom:0px;}
}

/* Standard syntax */
@keyframes footer
{
from {bottom:-82px;}
to {bottom:0px;}
}