:root {
  color-scheme: light dark;
}

body{
	font: -apple-system-body;
    margin:0px !important;
    font-family:"HelveticaNeue";
    text-align: justify;
}

/*HEADER*/

header{
    z-index:1;
    width:100%;
    height: 200px;
}

header h1
{
	margin: 14% 0 20px 0;
	text-align: center;
}

header a p{
    display:none;
    height: 0px;
}
img.contact{
	position: fixed;
	width: 12.5%;
	bottom: 2%;
	right: 2.5%;
	z-index: 99;
}

header #logoApp
{
	display: none;
}

h1{
	font: -apple-system-headline;
	font-size:100px;
	font-weight: bold;
}
h2{
	font: -apple-system-subheadline;
	font-size:60px;
	font-weight: bold;
}
h3{
	font: -apple-system-subheadline;
	font-size:48px;
	font-weight: bold;
}

/*BODY*/

section{
    display: block;
    padding:20px 5% 0px 5%;
    
    text-align: justify;
    text-justify: inter-word;
    line-height: 350%;
}

section p{
    font-size:40px;
}

section ul,ol{
    font-size:40px;
    padding-left:45px;
}

section img{
    display: block;
    margin: 0 auto;
}

img{
	width:100%;
}

div div img{
    float:right;
    margin-left:15px;
    width:30%;
}

header #logoApp
{
	float:left;
	width: 50px;
	height: 50px;
	position:relative;
	margin: 15px 25px 15px 0;
}

/*FOOTER*/

footer{
	font: -apple-system-footnote;
    width:100%;
    position: absolute;
    display: block;
    text-align:center;
}

footer p{
    font-size:30px;
}

a{
    font-style:italic;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #01DFD7;
}

a:active {
    text-decoration: none;
}

/*SCROLL IMAGES*/
div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    margin: 0 0 0 0;
    padding: 0 0 4px 0;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

div.scrollmenu a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width:50%;
    padding: 10px;
    margin-right: 10px;
}

div.scrollmenu a img {
	
	width: 100%;
	padding: 8px;
	border-radius: 25px;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}

div.scrollmenu a#first{
	
	margin-left: 20px;
}

div.scrollmenu a:hover {
	
}