html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";content:none;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{ font-family: 'Roboto Slab', serif; background: #663366; color: white;

font-size: 0.45em

}

.content{position: absolute; width: 750px; height: 500px; top: 40%; left: 50%; margin-top: -200px; margin-left: -375px; text-align: center;}
/*.content p{font-size: 5.5em; color: #fff;
}*/
 /* #aeaeae;*/

/*
.content p span{
;
padding-top: 120px;}*/
/*.content a{font-size: 2em; color: white;}*/

.align{text-align: left;}
.content p, .content ul{font-size: 1.5em; list-style-position: inside;}
.content a{font-size: 3em; color: #fff;}
.content a.link{font-size: 1em; color: #fff;}
.follow{ color: #aeaeae; font-size: 1.75em;}
.content a:hover, .content a.link:hover { color: #fff;  text-decoration: none;}

span.corsivo{
font-family: 'Playfair Display', serif; 
word-spacing: 4px;
font-size: 5em; color: #fff; 
}
.content h1{font-size: 3em; padding: 10px 0;}
.content ul h2{font-size: 1.5em; padding:5px; list-style: none;}
.content ul li ul{font-size: 1em;}




.logo{position: absolute; left: 50%; top:100%; margin-left: -57px; margin-top: -200px;}

@media (max-width:767px){
.content{width: 500px; height: 300px; margin-top: -150px; margin-left: -250px;}
/*.content p{font-size:3em; }
.content p span{font-size: 0.750em;}*/
.content a{font-size: 2em; color: #fff;}
.follow{ color: #aeaeae; font-size: 1.35em;}
.content a:hover { color: #fff;  text-decoration: none;}

.corsivo{
font-family: 'Playfair Display', serif; 
word-spacing: 4px;
font-size: 5em; color: #fff; 
}
}

@media (max-width:480px){

.content{width: 300px; height: 150px; margin-top: -175px; margin-left: -150px;}
/*.content p{font-size: 2em; }*/
/*.content p span{font-size: 0.450em;}*/
.content a {font-size: 2em; color: #fff; }
.follow{ color: #aeaeae;font-size: 0.95em;}
.content a:hover { color: #fff;  text-decoration: none;}

.corsivo{
font-family: 'Playfair Display', serif; 
word-spacing: 4px;
font-size: 2.5em; color: #fff; 
}

}


/* ----- privacy bar ----*/
#cookieChoiceInfo {font-family: Arial, Helvetica, sans-serif;font-size: 9pt; color: #fff;top: auto;bottom: 0px;width:100%;left: 0px;margin: 0px;position: fixed !important;z-index: 1000000000;background:black; opacity:0.8; filter:alpha(opacity=80);}
#cookieChoiceInfo a { text-decoration:underline;}
#cookieChoiceInfo a:hover {text-decoration:none;}
#cookieChoiceDismiss {cursor:pointer;font-size: 16px;color: #079400;padding: 5px 15px;background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 50%,#b5b5b5);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.50, #ffffff),to(#b5b5b5));-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 2px solid #2ea100;-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,1);}
/* ---fine privacy bar --*/