/*Banner*/
.banner{
    background-color: #FFF;
    border: none;
    font-size: 46px;
    color:#6bb7be;
    justify-content: center;
    text-align: center;
    margin-top:10px;
}

.banner img {
    max-width: 99%; /* L'immagine non supererà mai la larghezza del contenitore */
    max-height: 99%; /* L'immagine non supererà mai l'altezza del contenitore */
    border:4px solid #6bb7be;
}
.left{
    float: left;
    margin-left: 0px;
}

.right{
    float: right;
    margin-right: 0px;
}

/* Banner 200x200 */
.banner-200x200 {
    width: 200px;
    height: 200px;
}

/* Banner 250x250 */
.banner-250x250 {
    width: 250px;
    height: 250px;
}

/* Banner 468x60 */
.banner-468x60 {
    width: 468px;
    height: 60px;
}

/* Banner 728x90 */
.banner-728x90 {
    width: 728px;
    height: 90px;
}

/* Banner 728x280 */
.banner-728x280 {
    width: 728px;
    height: 280px;
}

/* Banner 420x280 */
.banner-468x280 {
    width: 468px;
    height: 280px;
}

/* Banner 300x250 */
.banner-300x250 {
    width: 300px;
    height: 250px;
}

/* Banner 336x280 */
.banner-336x280 {
    width: 336px;
    height: 280px;
}

/* Banner 120x600 */
.banner-120x600 {
    width: 120px;
    height: 600px;
}

/* Banner 300x600 */
.banner-300x600 {
    width: 300px;
    height: 600px;
}

/* Media query per rendere i banner responsive */
@media screen and (max-width: 728px) {
    .banner-728x90,.banner-728x280,.banner-468x280{
        width: 100%;
    }
    .banner{
        font-size: 24px;
    }
}

@media screen and (max-width: 468px) {
    .banner-728x90,.banner-728x280,.banner-468x60  {
        width: 100%;
    }
}
@media screen and (max-width: 336px) {
     .banner-728x90, .banner-468x60,.banner-336x280 {
        width: 100%;
    }
}
@media screen and (max-width: 280px) {
      .banner-728x90, .banner-468x60,.banner-336x280, .banner-300x600  {
        width: 100%;
    }
}