@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

body {
    font-family: 'Barlow', Verdana, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    /*background: url("../images/sfondo.jpg") #eee;*/
    background-color: #000;
}
.container {
    padding: 0;
    background-color: #fff;
}
.top {
    background-color: #fff;
    font-size: 48px;
}
.bottom {
    font-family: Oswald;
    height: 60px;
    background-color: #ddd;
}
.left-tail {
    font-size: 24px;
    padding-left: 24px;
}
.right-tail {
    text-align: right;
    font-size: 14px;
    padding-right: 24px;
}
.right-tail a {
    color: #333;
}
.top-title {
    font-family: Oswald;
    font-size: 48px;
}
.abs-center-x {
    position: absolute;
    left: 80%;
    transform: translateX(-20%);
}
.home-video {
    padding: 64px 64px 32px 64px;
}
.home-audio {
    padding: 32px 64px 32px 64px;
}
.bio-left {
    padding:  32px 16px 32px 32px;
}
.bio-right {
    padding: 32px 32px 32px 16px;
}
.collab {
    padding: 16px 32px 32px 32px;
}
.sing {
    padding: 32px 32px 32px 32px;
}
.album {
    padding: 32px 32px 32px 32px;
}
.live {
    padding: 32px 32px 32px 32px;
}
.img-singola {
    padding: 32px 32px 32px 32px;
}

.img-doppia-sx {
    padding: 32px 16px 32px 32px;
}

.img-doppia-rx {
    padding: 32px 32px 32px 16px;
}
.twoCols {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.testo {
    font-family: Verdana, sans-serif;
}
.song-words {
    font-family: Verdana, sans-serif;
    font-style: italic;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown-item a {
    font-size: 14px;
    color: #666 !important;
    font-weight: normal !important;
    text-decoration: none;
}
@media only screen and (max-width: 576px) {
    body {
        font-size: 11px;
    }
    h4 {
        font-size: 18px;
    }
    .top-title {
        font-size: 32px;
    }
    .home-video {
        padding: 32px 32px 16px 32px;
    }
    .home-audio {
        padding: 16px 32px 16px 32px;
    }
    .bottom {
        height: 40px;
    }
    .left-tail {
        font-size: 16px;
        padding-left: 12px;
    }
    .right-tail {
        font-size: 8px;
        padding-right: 12px;
    }
    .img-singola {
        padding: 16px 16px 16px 16px;
    }

    .img-doppia-sx {
        padding: 16px 8px 16px 16px;
    }

    .img-doppia-rx {
        padding: 16px 16px 16px 8px;
    }
    #idFb {
        max-height: 18px !important;
    }
    #idAm {
        height: 22px !important;
        width: 22px !important;
    }
    #idSp {
        max-height: 18px !important;
    }
    #idYt {
        max-height: 18px !important;
    }
    #idAb {
        max-height: 18px !important;
    }
    #idDz {
        max-height: 18px !important;
    }
    #idAzMs {
        max-height: 24px !important;
    }
    .navbar {
        height: auto !important;
    }
    .bio-left {
        padding: 32px 8px 32px 32px;
    }

    .bio-right {
        padding: 32px 32px 32px 8px;
    }
    .dropdown-item a {
        font-size: 11px;
        color: #666 !important;
        font-weight: normal !important;
        text-decoration: none;
    }
}