.custom-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
    
    padding-left: 20px;
    padding-right: 20px;
    
    
    box-sizing: border-box; 
}


@media (min-width: 1024px) {
    .custom-container {
        
        padding-left: 0;
        padding-right: 0;

        
        max-width: clamp(768px, 57.65vw, 1475px);
        
        
        width: 100%; 
    }
}

.site-logo-responsive {
    width: var(--logo-responsive-size);
    height: auto;
    display: block;
    max-width: 100%;
}

.gap-responsive {
  gap: clamp(14px, 1vw, 24px);
}

.gap-responsive-section {
  gap: clamp(28px, 2vw, 40px);
}