.main {
    padding-top: 2.5%;
    margin: auto;
    text-align: left;
    width: 80%;
    font-size: max(14px,min(calc(14px + 8 * ((100vw - 500px)/320)),22px));
    font-family: "ibm plex serif", "sans serif"
}

.picture-container {
    margin: auto;
    display: block;
    height: 512;
    width: 384px;
    
}

@media screen and (min-width: 1000px) {
.picture-container-big {
    border-radius: 50%;
}
}

@media screen and (min-width: 1000px) {
.icon-wrap {
    float: right;
    padding-top: 2.5%;
    padding-right: 10%;
    padding-bottom: 2.5%
    
 }
    .icon-mobile {
        display: none;
    }
}

@media screen and (max-width: 1000px)  {
    .icon-wrap-big {
        display: none;
    }

    .icon-mobile {
        text-align: center;
        
    }

    .button-mobile {
        
        margin-bottom: 2.5%;
    }

}







.icon-spacing {
    margin-right: 3px;
    text-decoration: none;
}

.icon-spacing-lc {
    margin-right: 5px;
}

a, a:visited, a:hover, a:active {
    color: inherit;
  }