html {
  scroll-behavior: smooth;
}

header{
	margin-top: 114px;
}

body:not(.index) nav.navbar{
	background: linear-gradient(180deg, rgb(255 255 255 / 97%) 80%, transparent);
}
body:not(.index) #logo-light,
body.index #logo {
	display: none;
}

h2.big{
	font-size: 3.5em;
	font-weight: bolder;
	line-height: 0.9;
	margin-bottom: 1.5rem;
}

.card{box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;}


#cover{
	position: relative;
	/*margin-top: 114px;*/
	/*background-image: url(../img/Cover.jpg);
	background-size: cover;*/
	background: black;
}
#cover:after{
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/corner.svg);
}

#animation{
	/*position: absolute;*/
	mix-blend-mode: hard-light;
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
}

#about,#services,#contact{background-repeat: no-repeat;}
#about{
	background-image:url(../img/assy2.svg);
	background-position: 3% 100%;
    background-size: 32%;
}
#services{
	background-image: url(../img/assy3.svg);
    background-position: 6% 100%;
    background-size: 26%;
}

#contact{
	background-image:url(../img/Factory2.jpg);
	background-size: cover;
	background-position: bottom middle;
}
#flavortext{
	font-weight: 100;
	line-height: 1.7;
}


@media screen and (min-width: 768px) {
	#flavortext{
		columns: 3;
		column-gap: 3em;
		text-align: justify;
	}
}