:root {
    --navbar-height: 45px;
    --captionSize: 18pt;
    --titleSize: 16pt;
    --textSize: 16pt;
}

.social-icon {
	width: 30px;
	height: 30px; 
}

#intro-logo {
    background-size: clamp(500px,30vw,900px) auto;
}

#intro-text {
    width: 665px;
}

.far-logo {
    background-size: clamp(500px, 25%, 850px) auto;    
}

.herdling-logo {
    background-size: clamp(550px, 25%, 900px) auto;
    background-position: center 15%;
}

#contact {
    max-width: 900px;
}

#contact > div {
    max-width: 350px;
}