/* Reset */

html,body,div,span,h1,h2,h3,p,a,em,img,b,ul,li,header,menu,nav {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
footer,header,menu,nav,section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
body {
-webkit-text-size-adjust: none;
}

/* Box Model */

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Containers */

.container {
margin-left: auto;
margin-right: auto;
}

/* Basic */

@-ms-viewport {
width: device-width;
}
body {
-ms-overflow-style: scrollbar;
}
@media screen and (max-width: 480px) {

html, body {
min-width: 320px;
}
}
body {
padding-top: 0 !important;
}


/* Type */

body {
background-color: rgba(0,0,0,.0);
}
body, input, select, textarea {
font-family: 'Raleway';
font-weight: 400;
line-height: 2em;
}
strong, b {
color: #484848;
font-weight: 700;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}

/* Header */
#header {
text-align: center;
font-size: 1.3em;
font-weight:600;
height: 3em;
line-height: 3em;
position: fixed;
width: 100%;
z-index: 1;
}
#header p {
text-align:center;
font-family:'Oleo Script', cursive;
font-size:.7em;
font-weight:normal;
}
#header span {
font-family:'raleway';
font-size:.8em;
}
#header h1 {
color: rgba(0,0,0,.5);
font-weight: 400;
height: inherit;
left: 1em;
line-height: inherit;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
#header a:active, #header a:hover {
color: rgba(0,0,0, .4);
}
#header a {
display: inline-block;
transition: color 0.2s ease-in-out;
font-family:'helvetica neue LT Std';
font-size: .85em;
color: #ffffff;
border-radius: 8px;
text-decoration: none;
background-color: #000000;
line-height: 1.5em;
padding: .35em 1em .15em 1em;
margin: 0 .25em 0 .25em;
width: auto;
}

/********************************* Main **************************************/
#main {
text-align:center; 
padding-top: 7em;
}
.image.fit {
display: block;
padding: 0 0 0 0;
max-width: 900px;
margin:0 auto;
}
.image.fit img {
width: 100%;
}
#main a {
font-size:1.5em;
color: rgba(0,0,0,1);
font-weight:600;
text-decoration:none;
}
#main a:hover {
color: rgba(0,0,0,.3);
text-decoration: none;
}
#main h1  {
font-size: 1.5em;
font-weight:600;
color:rgba(0,0,0,.8);
letter-spacing:1px;
margin: 0em  0em  0em  0em;
padding:.5em 0em 1em 0em;
}
#main h2 {
font-size:1em;
color:inherit;
padding-top:.5em;
}
#main p  {
font-size: 1em;
text-align:justify;
color:rgba(0,0,0,.8);
font-weight: 500;
line-height: 1.5em;
padding: 2em 1em 1.5em 1em;
max-width:800px;
margin:0 auto;
}
@media screen and (max-width: 980px) {
#main h1  {		
font-size:2.2em;
}
}
@media screen and (max-width: 736px) {
#main h1  {		
font-size:1.6em;
}
#main p  {
font-size: 1em;
}
}
@media screen and (max-width: 550px) {
#header a {
font-size: .75em;
}
#main h1  {		
font-size:1.3em;
}
#main p  {
font-size: .85em;
}
}
@media screen and (max-width: 350px) {
#main h1  {		
font-size:1.3em;
padding:1em 0em 1em 0em;
margin:0em 0em 0em 0em;
}
}
/* Footer */
#footer {
padding: 9em 0 5em 0;
color: rgba(0,0,0,.8);
text-align: center;
}
#footer a {
transition: color 0.2s ease-in-out;
font-family:'helvetica neue LT Std';
color: rgba(0,0,0,.8);
text-align:center;
text-decoration: none;
}
#footer a:active, #footer a:hover{
color: rgba(0,0,0, .4);
}
@media screen and (max-width: 1280px) {
#footer ul li {
font-size:1.6em;
}
}
@media screen and (max-width: 980px) {
#footer .copyright li {
font-size:1.4em;
}	
#footer {
padding: 9em 0 5em 0;
}
#footer ul li {
font-size:1.5em;
}
}
@media screen and (max-width: 736px) {
#footer {
padding: 9em 0 7em 0;
}
#footer ul li {
font-size:1.3em;
}
}
@media screen and (max-width: 480px) {
#footer {
padding: 15em 0 8.5em 0;
}
#footer ul li {
font-size:1em;
line-height:0em;
padding:0em 0em 0em 0em;
}
@media screen and (max-width: 350px) {
#footer {
padding: 1em 0 5em 0;
}
#footer ul li {
font-size:1em;
line-height:1.3em;
padding:0em 0em 0em 0em;
}
}