article, aside, figcaption, figure, footer, header, nav, section {
    display: block;
}

body {
    background: #004780; //cadetblue;
    font-family: times, calibri;    
    font-size:14px;
    font-size: 0.85vw;
    overflow: auto;
}
h1 {
    color: black;
    margin: 1% 0%;
    //text-decoration: underline;
}
img {    
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    text-align: center;    
}
footer {
    padding: 7px 0px 2px 0px;
    margin: 0px;
    width: 100%;
    text-align: center;    
    font-weight: bold;
    float: left;
    color: #236846;
    background: linear-gradient(to bottom, lavender, #acacd0);;
}

.width30 {
    min-width: 30%;
    width: 30%;
    max-width: 30%;
}
.width40 {
    min-width: 40%;
    width: 40%;
    max-width: 40%;
}
.width50 {
    min-width: 50%;
    width: 50%;
    max-width: 50%;
}
.width60 {
    min-width: 60%;
    width: 60%;
    max-width: 60%;
}
.width70 { 
    min-width: 70%;
    width: 70%;
    max-width: 70%;
}



.box-container {
    padding-top: 0px;
    margin: 1% auto;    
    width: 90%;    
    height: auto;    
    background: lavender;    
    border: 4px solid darkslategrey;
    box-shadow: 0px 0px 200px 40px lightgrey;
    overflow: auto;
}

header img {
    vertical-align: middle;    
    width: 100%;    
    border-bottom: 2px solid darkslategrey;    
}


nav ul {    
    list-style: none;
    margin: 0px;
    padding: 3px;
    border-bottom: 3px solid darkslategrey;
    border-top: 1px solid darkslategrey;
    overflow: auto;   
    background: linear-gradient(to left, cadetblue, #044780);
}
nav ul li {    
    float: right;
    width: 20%;
    margin: 0px;
}
nav ul li a {    
    padding: 2% 4%;
    margin: 0% 2%;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #c28f2f;
    background: #2a3a5f;
    border: 2px solid #004780;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1.15vw;
    font-weight: bold;
    overflow: hidden;
}
nav ul li a:hover {    
    border-color: #7f4f41;
    color: darkslategrey;
    background: #c28f2f; //#6470c6;
}
nav ul li.active a {    
    border-color: #7f4f41;
    color: #c28f2f;
    background: #2a3a5f; //#a07168;
}


.content-box {
    padding: 2.5% 4%;
    min-height: 370px;
}
.content-box .left_strip {
    width: 13%;
    height: 100%;
    margin-right: 2%;
    float: left;
}
.content-box .left_strip #logo {    
    width: 95%;  
    border: 2px solid darkslategrey;
    margin-bottom: 2%;
    margin-top: 10%;
}
.content-box .main_section {    
    width: 57%;
    float: left;
    font-size: 15px;
    font-size: 1.10vw;
    text-align: justify;
    text-justify: inter-word;    
    color: black;
}
.content-box .page_img {    
    width: 24%;
    float: right;
    text-align: left;
    border: 2px solid darkslategrey;
    margin-bottom: 2%;
    margin-top: 1%;
}
.content-box ul {    
    margin-bottom: 4px;
    margin-top: -10px;
}



#contatti {
    float: left;
    width: 28%;
    height: 100%;
}
#contatti table {
    border: 3px solid darkslategray;
    padding: 0% 3% 2% 3%;
    background-color: #dcdce5;
    border-radius: 6px;    
    margin-bottom: 6%;
    text-align: center;
    width: 90%;
}

#contatti table th {
    font-size:17px;
    font-size: 1.24vw;
    padding-bottom: 5px;
    padding-right: 5%;
    color: darkslategray;
}
#contatti table td {    
    padding-bottom: 2px;
    font-size: 13px;
    font-size: 0.96vw;
}
#contatti_sll {
    font-size: 12px;
    font-size: 0.90vw;
    color: #004780;
    font-weight: bold;
}
#contatti_page_img {
    width: 78%;
    float: bottom;    
    border: 2px solid darkslategrey;
    margin-bottom: 2%;
    margin: 1% 0% 0% 5%;
    border-radius: 5px;
}


/* For google maps */
#map-canvas {
    max-width: 87%;
    width: 720px;
    height: 380px;
    border: 3px solid forestgreen;
    border-radius: 5px;     
    background-color: darkolivegreen;
    float: right;
    margin-bottom: 1%;
}

@media Screen and (max-width: 480px) {
    body {
         background-color: red;
         font-size:7px;
    }

    nav ul li a {
         font-size:5px;
    }

    .content-box .main_section {
         font-size:7px;
    }

    #contatti table th {
      font-size:8px;
    }

    #contatti table td {        
      font-size: 6px;
    }

    #contatti_sll {
      font-size: 6px;
    }

    .content-box ul {    
       margin-bottom: 4px;
       margin-top: -5px;
    }

    .content-box {
      min-height: 120px;
    }

    #map-canvas {
      width: 140px;
      height: 100px;
    }
}