html, body {
    height: 100%;
}

body {
font-family:'', 'Monaco', sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
/* 	  background: #f0a988;
	background: -moz-linear-gradient(180deg, #f0a988 0%, #89009e 26%, #000000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f0a988), color-stop(26%, #89009e), color-stop(100%, #000000));
	background: -webkit-linear-gradient(180deg, #f0a988 0%, #89009e 26%, #000000 100%);
	background: -o-linear-gradient(180deg, #f0a988 0%, #89009e 26%, #000000 100%);
	background: -ms-linear-gradient(180deg, #f0a988 0%, #89009e 26%, #000000 100%);
	background: linear-gradient(180deg, #f0a988 0%, #89009e 26%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a988', endColorstr='#000000', GradientType=0 );
    background-repeat: no-repeat;
    background-attachment: fixed; */

background: linear-gradient(180deg, #f0a988 0%, #89009e 14%, #000000 59%, #89009e 90%, #f0a988 100% );
background-size: 1200% 1200%;

-webkit-animation: changopresto 60s ease infinite;
-moz-animation: changopresto 60s ease infinite;
animation: changopresto 60s ease infinite;

}

@-webkit-keyframes changopresto {
    0%{background-position:48% 0%}
    50%{background-position:53% 100%}
    100%{background-position:48% 0%}
}
@-moz-keyframes changopresto {
    0%{background-position:48% 0%}
    50%{background-position:53% 100%}
    100%{background-position:48% 0%}
}
@keyframes changopresto { 
    0%{background-position:48% 0%}
    50%{background-position:53% 100%}
    100%{background-position:48% 0%}
}


/* typography */

h1 {
	margin-bottom: 10px;
	font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;    
    text-align: left;
}

h1.name {
	font-family: 'Iceberg';
	font-size: 18vw;
	line-height: 110px;
	margin: 0 0 60px;
	text-align: center;
	padding: 0;
	width: 100%;
	text-transform: uppercase;
	opacity: .2;
    padding: 0;
    transition: all 1s ease;
    letter-spacing: -10px;
    font-style: normal;
}

section h1 {
	background-color: #fff;
	padding: 10px;
	color: #000;
	opacity: .4;	
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 14px;
	margin-top: 20px;
	text-transform: uppercase;
}

a {
	position: relative;
	border: none;
	border-bottom: transparent dotted 1px;
	color: #e2bc70;
	text-decoration: none;
	font-weight: normal;
	padding-bottom: .02em;

	-moz-transition: color;
	-webkit-transition: color;
	transition: color;

	-moz-transition-duration: .3s;
	-khtml-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s; 
}

a:hover {
	border-bottom: #ff24af dotted 1px;
	position: relative;
	top: -1px;
	color: #ff24af;
	padding-bottom: 0;
	}

a:active: {
	position: relative;
	bottom: -1px;
}


.cf {
	width: 800px;
	max-height: 200px;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
    
    }

.cf:after {
    clear: both;
}

em, author {
	font-style: italic;
}

section li {
	line-height: 22px;
	margin-bottom: 10px;
}

p {margin-bottom: 20px;}

p a {
    border-bottom: #fff dotted 1px;
}

ul {
	margin-bottom: 10px;
}

section li {
	line-height: 18px;
}

p span {
    text-transform: uppercase;
    font-size: 20px;
}

p a {
    border: transparent;
}

footer a:hover {
    color: #fff;
}



/* structure */

container {
    display: block;
	margin: 0;
	padding: 0; 
	width: 100%;
	overflow: visible;
	background-size: cover;
	
}

sidebar, sidebar ul, sidebar ul li, sidebar h3 {
   display: none;  
}


a.map {
	display: none;
}


seal {
   display: none;
}

seal:hover {
    transform: rotateX(180deg);
}

hr.divider {
    display: none;
}

footer {
padding: 20px 5%;
text-align: center;
}

/* sidebar */




/*sections stuff */

section {
    margin: 0 5% 5%;
    width: 90%;
}