:root {
    --themeColor: #e31e24;
    --white: #FFFFFF;
    --borderRadius: 4px;
}
div.profile {height: 320px; background-color: var(--themeColor);  background-image: url(../img/pattern_2.svg); background-position: center; background-attachment: fixed; position: relative; border-radius: var(--borderRadius); margin-bottom: 100px;}
div.profile div.partner-logo {width: 170px; height: 170px; display: flex; align-items: center; justify-content: center; border-radius: 100%; left: 50px; position: absolute; background-color: var(--themeColor); outline: solid 5px var(--white); bottom: -85px;}
div.profile div.partner-logo span {font-size: 60px; color: var(--white);}
div.profile div.partner-name {position: absolute; left: 250px; bottom: 5px;}
div.profile div.partner-name span {font-size: 35px; color: var(--white); display: block;}
div.partner-info ul li {margin-bottom: 6px;}
div.partner-info ul li i {font-size: 20px;}

@media (max-width: 768px) {
    div.profile {height: 130px;}
    div.profile div.partner-logo {width: 100px;height: 100px;bottom: -55px;left: 15px;}
    div.profile div.partner-logo span {font-size: 50px; color: var(--white);}
    div.profile div.partner-name {left: 130px; bottom: 10px;}
    div.profile div.partner-name span {font-size: 20px;}
}