
/* ---------------------------------------------------------------- */
/* ----- Index.html - Smartphone orizzontale (da 767 a 480px) ----- */
/* ---------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#logo_content div {width: 200px; margin-left: 0;}
#logo_content h1  {font-size: 34px; line-height: 1.5; margin-left: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}
h2    {font-size: 28px; }
.foto {width: 90%; max-width: 800px;}
section p       {line-height: 2; text-align: left; padding: 0 10px;}
footer          {padding-top: 0;}
footer .wrapper {border-bottom: 1px solid gray;}
.box            {float: none; margin: 0 auto; border-right: none; padding-bottom: 10px;}
.box p          {text-align: center; padding: 0; line-height: 1.5;}
#social         {margin: 0 auto; margin-left: 25px;}

/*nav     	 	    {width: 100%; margin: 0 auto;}
nav ul   		      {width: 290px; margin: 0 auto;}
nav li   		      {margin:0 25px 0 0;}
nav li:last-child {margin: 0;}*/

}

/* -------------------------------------------------------------- */
/* ----- Index.html - Smartphone verticale (da 479 a 280px) ----- */
/* -------------------------------------------------------------- */

@media only screen and (min-width: 280px) and (max-width: 479px) {

#logo_content div {width: 175px; margin-left: 0; /*border: 1px solid red;*/}
#logo_content h1  {font-size: 26px; line-height: 1.5; margin-left: 10px; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}
h2                {font-size: 26px; line-height: 2.5; text-shadow: none;}
.foto             {width: 100%; max-width: 800px;  margin-bottom: 10px;}
#text_logo .title {display: none;}
section p         {line-height: 2; text-align: left; padding: 0 10px;}
footer            {padding-top: 0px;}
footer .wrapper   {border-bottom: 1px solid gray;}
.box              {float: none; margin: 0 auto; border-right: none; padding-bottom: 10px;}
.box p            {text-align: center; padding: 0; line-height: 1.5;}
#social           {margin: 0 auto; margin-left: 25px;}
.fiscale p        {line-height: 1.5;}
/*.go-down li     {margin-left: 0; margin-right: 30px}*/

}
