Resizing Header & Logo CSS

/* 
TO PROPERLY FUNCTION:
– logo image needs logo as css class
– sticky needs to be turned on in main section that makes up header 
*/

selector.elementor-sticky–effects{ background-color: rgba(42,0,84,0.7) !important }

selector{ transition: background-color 4s ease !important; }

selector.elementor-sticky–effects >.elementor-container{ min-height: 80px; }

selector > .elementor-container{ transition: min-height 1s ease !important; }

selector { transition: all 0.5s ease;}

.logo img { width: auto; max-height: 120px; transition: all 0.5s ease;} .elementor-sticky–effects .logo img { max-height: 60px; width: auto; transition: all 0.5s ease;}

.elementor-sticky–active .elementor-row, .elementor-sticky–active .elementor-row a { max-height: 70px; transition: all 0.5s ease;}