body > header{

box-shadow: 0 0 1px black;

}

photo{

margin: 2vw;
min-height: 100px;
max-width: min(calc(24vh + 12vw), 100%);
max-height: calc(24vh + 12vw);
border: 2px solid white;
object-fit: cover;

}

role{

color: lightgray;
font-weight: lighter;

}

.social{

margin: 15px;
height: 5vw;
min-height: 50px;
max-height: 100px;
transition: transform .5s ease;
object-fit: contain;

}

.social:hover{

-webkit-transform: scale(1.2);
transform: scale(1.2);

}

@media screen and (max-width: 768px){

body > header{
    position: initial !important;
}

}