#share-container span {
display: block;
margin: 3em auto;
font-size: 50px;
padding: 1em;
width: 50%;
}
#pano {
width: 100%;
height: 100%;
}
.wrapper {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position:relative;
}
.smedia {
    display: flex;
    background-color: #0077b5;
    margin: 0;
    padding: 0;
}
#share-buttons {
    position:absolute;
    bottom:2%;
    right:2%;
    min-width: 350px;
    min-height: 50px;
    background-color: rgb(240, 239, 238);
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 25px;
    border: 2px solid #918e8e;
}
#share-buttons a {
    width: 15%;
}
#share-buttons i {
    font-size: 35px;
    margin: 0;
}
.sharing {
    color: #1d1d1d;
}
.facebook {
    color: #3b5998;
}
.twitter {
    color: #55acee;
}
.linkedin {
    color: #0077b5;
}
.whatsapp {
    color: #25D366;
}
.email {
    color: #383838;
}
.sharing, .facebook, .twitter, .linkedin, .whatsapp, .email, {
  opacity: 1;
}
.facebook:hover, .twitter:hover, .linkedin:hover, .whatsapp:hover, .email:hover {
  opacity: 0.6;
}
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
    #share-buttons {
        left:0;
        margin:auto;
        max-width: 350px;
        max-height: 35px;
        }
 }