#slideshow-container    {
    position: relative;
    margin: 0 auto;
    color:#fff;
}
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
.next {
    border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}
@media (min-width: 1200px) {
    #slideshow-container    { width: 90%; height: 400px;}
    .professionisti-img  {float: left; margin: 0; padding: 0; width: 541px; height: 400px;}
    #prof-1 .professionisti-img {background: url(../picsite/Esposito.jpg) no-repeat center 0 / cover;}
    #prof-2 .professionisti-img {background: url(../picsite/La-Greca.jpg) no-repeat center 0 / cover;}
    .text   { margin: 0 0 0 541px; height: 400px;  background: #3c3c3b;}
    .text-relative  { position: relative; height: 400px;}
    .text-absolute  {position: absolute; top: 30%; left: 40%; transform: translate(-40%, -30%);}
    .prev {margin: -50px 0 0 -50px !important;}
    .next {margin: -50px 0 0 0 !important; right: 0;}
    .next {right: -50px;}
}
@media (min-width: 950px) and (max-width: 1199px) {
    #slideshow-container    { width: 90%; height: 400px;}
    .professionisti-img  {float: left; margin: 0; padding: 0; width: 50%; height: 400px;}
    #prof-1 .professionisti-img {background: url(../picsite/Esposito.jpg) no-repeat center 0 / cover;}
    #prof-2 .professionisti-img {background: url(../picsite/La-Greca.jpg) no-repeat center 0 / cover;}
    .text   { margin: 0 0 0 50%; height: 400px;  background: #3c3c3b;}
    .text-relative  { position: relative; height: 400px;}
    .text-absolute  {position: absolute; top: 30%; left: 40%; transform: translate(-40%, -30%);}
    .prev {margin: -50px 0 0 -50px !important;}
    .next {margin: -50px 0 0 0 !important; right: 0;}
    .next {right: -50px;}
}
@media (min-width: 768px) and (max-width: 949px) {
    #slideshow-container    { width: 100%; height: auto !important;}
    .professionisti-img  {float: none; margin: 0 auto; padding: 0; width: 541px; height: 400px;}
    #prof-1 .professionisti-img {background: url(../picsite/Esposito.jpg) no-repeat center 0 / cover;}
    #prof-2 .professionisti-img {background: url(../picsite/La-Greca.jpg) no-repeat center 0 / cover;}
    .text {position: static; margin: 0; padding: 50px 2vw 0 2vw; width: calc(100% - 4vw); height: auto !important; background: none;}
    .text-relative  {position: static; height: auto !important;}
    .text-absolute  {position: static; top: 0%; left: 0%; transform: translate(0%, 0%)}
    .prev {margin: -200px 0 0 0px !important;}
    .next {margin: -200px 0 0 0 !important; right: 0;}
    .next {right: 0px;}
}
@media (min-width: 481px) and (max-width: 767px) {
    #slideshow-container    { width: 100%; height: auto !important;}
    .professionisti-img  {float: none; margin: 0 auto; padding: 0; width: 541px; height: 400px;}
    #prof-1 .professionisti-img {background: url(../picsite/Esposito.jpg) no-repeat center 0 / cover;}
    #prof-2 .professionisti-img {background: url(../picsite/La-Greca.jpg) no-repeat center 0 / cover;}
    .text {position: static; margin: 0; padding: 50px 2vw 0 2vw; width: calc(100% - 4vw); height: auto !important; background: none;}
    .text-relative  {position: static; height: auto !important;}
    .text-absolute  {position: static; top: 0%; left: 0%; transform: translate(0%, 0%)}
    .prev {margin: -200px 0 0 0px !important;}
    .next {margin: -200px 0 0 0 !important; right: 0;}
    .next {right: 0px;}
}
@media (max-width: 480px) {
    #slideshow-container    { width: 100%; height: auto !important;}
    .professionisti-img  {float: none; margin: 0; padding: 0; width: 100%; height: 300px;}
    #prof-1 .professionisti-img {background: url(../picsite/Esposito.jpg) no-repeat center 0 / cover;}
    #prof-2 .professionisti-img {background: url(../picsite/La-Greca.jpg) no-repeat center 0 / cover;}
    .text {position: static; margin: 0; padding: 50px 2vw 0 2vw; width: calc(100% - 4vw); height: auto !important; background: none;}
    .text-relative  {position: static; height: auto !important;}
    .text-absolute  {position: static; top: 0%; left: 0%; transform: translate(0%, 0%)}
    .prev {margin: -200px 0 0 0px !important;}
    .next {margin: -200px 0 0 0 !important; right: 0;}
    .next {right: 0px;}
}