:root {
        --main-bg-color:        rgba(247,245,241,1);
        --main-red:             rgba(200,21,23,1);
        --main-grey-green:      rgba(124,124,106,1);
	--main-gg-light:        rgba(124,124,106,0.4);
        --main-font:            Arial, Verdana, sans-serif;

	--header-height:        80px;
	--header-height-max:    80px;
	--header-height-min:    42px;
}

body {
        background-color:       var(--main-bg-color);
        font-family:            var(--main-font);

}

header {
        position:               sticky;
        position:               -webkit-sticky;
        background-color:       var(--main-bg-color);
        display:                flex;
        flex-wrap:              wrap;
        justify-content:        end;
        align-items:            center;
        width:                  90vw;
        z-index:                3;
        margin-left:            auto;
        margin-right:           auto;
        height:                 var(--header-height);
        top:                    0px;
        padding-top:            15px;
}

header .logo {
        padding-top: 5px;
        height:         30px;
}

header .logoLink {
        margin-right: auto;
}

#slider {
	width:                  100vw;
	position:		absolute;
	background-color:	#fff;
	height:			20vh;
	margin-top:		25px;
	left:			0;
	top:			var(--header-height);
}

#slider video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#slider video:nth-child(2) {
  mix-blend-mode: screen;
  filter: brightness(2);
/* opacity: .6; */
}

main {
	display:		flex;
	flex-wrap:		wrap;
	justify-content:        space-between;
	width:                  90vw;
	margin-left:		auto;
	margin-right:		auto;
	height: 100px;	
}