.margin{margin-top: 35px}

.testointerno{font-size: 25px; font-weight: 400;}
.list{margin-top: 5%;}
.testoliste{font-size: 19px; font-weight: 600;}
.card-group{margin-top: 7%; margin-bottom: 7%;}
.card-body{background: #007bff;}
.card-text{color: #fff;}
.card-title{color: #fff;}
.link-text{color: #fff;text-decoration: none;}
.footer{padding-top: 3rem;}
.footer_iscrizione{padding-top: 8.95rem;}
.bg-footer{width: 100%; height: 165px; background: #343a40;}
.footer-text{color: #fff; padding: 5px;}
.footer-text-copyright{color: #fff; padding: 5px; font-size: 14px;}
.foto{width: 100%; height: 50%; margin-top: 50px; margin-bottom: 50px;}
.foto img{width: 50%; height: 100%;}
.list-group{margin-top: 35px;}

.social-bar{position: fixed; top: 384px; z-index: 3;}
.social-bar ul{margin: 0; padding: 0; list-style:none; }
.social-bar ul li .fb{display: inline-block; color: #fff; padding: 10px 27.5px; text-decoration: none; transition: all 0.2s ease-out;}
.social-bar ul li .yt{display: inline-block; color: #fff; padding: 10px 20px; text-decoration: none; transition: all 0.2s ease-out;}
.social-bar ul li .fb:hover{padding: 10px 37.5px;}
.social-bar ul li .yt:hover{padding: 10px 30px;}
.social-bar ul li a i{font-size: 25px}
.social-bar ul li{border-radius: 0px 10px 10px 0px!important;}

.fb{background: #3b5998;}
.yt{background: red}

@media (max-width: 767px){
    .footer{padding-top: 10rem}
    .bg-footer{height: 230px;}
    .foto{width: 100%; height: 100%; margin-top: 50px; margin-bottom: 50px;}
    .foto img{width: 100%; height: 100%;}
    .social-bar ul li a i{font-size: 15px}
    .social-bar ul li .fb{display: inline-block; color: #fff; padding: 10px 25px; text-decoration: none; transition: all 0.2s ease-out;}
    .social-bar ul li .yt{display: inline-block; color: #fff; padding: 10px 20.5px; text-decoration: none; transition: all 0.2s ease-out;}
}