.btn-accedi {
    display: block;
    border: 2px solid #329BD1;
    padding: 8px 16px;
    font-size: 15px;
    color: #329BD1;
    /*background: #329BD1;*/
    background:none;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Josefin Sans',sans-serif,serif;
    outline: none;
    margin: 40px auto;
    width: 60%;
}

.btn-accedi:hover{color:#fff;background: #329BD1;}



#sezione-aside-sistemazioni{width:100%;}
#sezione-aside-bungalow{width:100%;}
#sezione-aside-appartamenti{width:100%;}
.container-webcam{width:100%;margin-bottom:48px}
.container-webcam h2{font-size:24px}
.container-webcam img{width:100%;}
.container-icona-webcam{width:50px;}
.messaggio{font-size:18px;padding:32px 0;}
.container-paragrafi p{font-size:18px}


@media(min-width:500px){
    .container-webcam .container-foto{float:left;width:50%}
    .container-webcam .container-content {position: absolute;left: 50%;width: 50%;top: 50%;transform: translateY(-50%);}
    .btn-accedi{width:auto;margin:auto}
    .messaggio{padding:0 32px;font-size:15px;} 
}


@media(min-width:600px){
    /*#main .w3-row{margin-right:-16px}*/
    /*.container-webcam{width:calc(50% - 16px);float:left;margin-right:16px}*/
    .messaggio{width:75%;margin:auto;text-align:center}
}

@media(min-width:992px){
    #main {width:66.66%;padding:0 0px 0 0;float:left}
    #aside {width:33.33%;padding:0 0 0 36px;float:left;padding-top:42px}   
    .container-icona-webcam{width:80px;}
    .messaggio{font-size:18px;}
}

@media(min-width:1124px){
    /*#main .w3-row{margin-right:-32px}*/
    /*.container-webcam{width:calc(50% - 32px);float:left;margin-right:32px}*/
    .messaggio{padding:32px 0;}
}