@media screen and (max-width:767px) {

body {background-color:#ffe3ff; text-align:justify; margin:10px; padding-bottom:2px; overflow:hidden; padding-bottom:10px;}
.h1{font:73pt serif; color:#4f005f; text-align:center}
.h2{font:15pt comic sans; color:#ff33d3; text-align:center}
.h3{font:40pt serif; color:#4f005f; text-align: center}
.h4 {font:20pt serif; color:#3c0079; text-align: left;}
.p {font:12pt Comic Sans; color:#000000; text-align:left}
.p1 {font:12pt Comic Sans; color:#000000; text-align:right}
.p2  {font:16pt Comic Sans; color:#000000; text-align:center}
a:link {font:15pt serif; color:#000000; text-align:left;}
a.link-secondario {font:20pt serif; color:#3c0079; text-align:left;}
a:visited {font:15pt serif; color:#7e0078; text-align:left;}
#box1 {background-color:#ffe3ff; border: 5px solid #cc00ff; height:300px; margin: auto; width: 800px; padding:2%; position:relative; top: 200px; text-align: center}
div.pie {position:fixed; width: 100%; height: 5%; right: 0%; top:95%; background-color: #ffe3ff; padding:2px;}
.nav {position:relative; width:98%; right:0%; left:0%; overflow: hidden; padding:1%; background-color:#FF3366}

.pagina {
    position: relative;
    width: 100%;
    min-height: 100vh; 
    overflow: hidden;
    background-image: url("ilmarketing.jpg");
    background-size: cover;      
    background-position: center; 
    background-repeat: no-repeat;
    border: 5px solid color #CC00FF;} 

/*PER IL MENU*/
.button {
    font:20pt serif; 
    color:#4f005f; 
    text-align: center;
    background-color: #e299ff;
    padding: 10px 10px 10px 10px}

.button2 {
    font:20pt serif; 
    color:#4f005f; 
    text-align: center;
    background-color: #f5f5f5;}

.oggTendina {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;}

.oggSott1 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;}

.show {position: relative;  display: inline-block;}

/*per l'overlay*/

.hide { display: none; }
.overlay-sfondo 
  {display: none;
  position: fixed;    
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.781);}
.trg-overlay {
  position: fixed;
  top: 50%; left: 50%;
  text-align: center;
  background: #f7f7f7;
  width: 75%; max-height: 80vh;
  padding: 28px;} 
.overlay{display:none; background:#EEF6FF; position: fixed; cursor:pointer}
.apri-trg-overlay{
font:20pt serif;
color:#4f005f; 
text-align: center;
background-color: #e299ff;
padding: 10px 10px 10px 10px}

#menu{padding-top: 1%;}
#tendina {position:fixed; width: 10%; height: 90%; right: 90%; top:10%; background-color: #ffe3ff; padding-left:10px;} 
 
}