/* DESIGN AND CODE BY JANNIK GOMILLE */

@font-face {
  font-family: "ave_next_ssv";
  src: url("./.font/ave_next_ssv/AvenirNextLTPro-Regular.otf");
}

body{ 
  margin:0;
  position: absolute;
  background: #3a3a3a;
}


a{
	text-decoration: none;
	color: white;
	font-size: 16px;
}
a:hover{
	color: #9e9e9e;
}

.bg-image {
	width: 100vw;
  height: 100vh;
  position: absolute;
  text-align: center;
  overflow: hidden;
}
#imagebcg{
	width: inherit;
    height: inherit;

    -webkit-filter: blur(5px) grayscale(100%);
    -o-filter: blur(5px) grayscale(100%);
    filter: blur(5px) grayscale(100%);
    
    object-fit: cover;
    transform: scale(1.04);
}

#container {
    width: 100vw;
    height: 100vh;
    text-align: center;
    overflow: hidden;
}
#videobcg {
    width: inherit;
    height: inherit;

    -webkit-filter: blur(10px) grayscale(100%);
    -o-filter: blur(10px) grayscale(100%);
    filter: blur(10px) grayscale(100%);

    object-fit: cover;
    transform: scale(1.04);
}
.contact{
	margin-top: 50px;
}

.secondary-logo {
  position: absolute;
  top: 50px;
  left:50px;
}

.main-logo {
  position: absolute;
  display: inline-block;
	top: 50%;
	transform: translateY(-50%);
}

.background-video {
  position: absolute;
}

.slogan {
  position: relative;
  font-family: "ave_next_ssv";
  text-shadow: 2px 2px 2px #3b3b3b;
  color: #FFF;
}
.slogan.big{
  font-size: 64px;
  height: 75px;
}
.slogan.small {
  font-size: 40px;
}
.slogan.xsmall {
  font-size: 32px;
}
.slogan.reflex::after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -50px;
  left: 0;
  display: block;
  background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: scaleY(-1);
  text-shadow:none;
}
.slogan.small::after {
  bottom: -32px;
}
.slogan.reflex.aaron::after {
  content: 'Aaron';
}
.slogan.reflex.ac::after {
  content: 'AC';
}
.grey-text{
	color: #9e9e9e;
}

@media all and (max-width: 992px)  {

	.contact{
		margin-top: 60px;
	}

  a{
		font-size: 24px;
	}
	
	.slogan.big{
	  font-size: 75px;
	  height: 75px;
	}
	
	.slogan.big::after{
	  bottom: -60px;
	}
	
	.slogan.reflex.aaron::after {
	  content: 'Aaron';
	}
}




/* DESIGN AND CODE BY JANNIK GOMILLE */