/* Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100lvh;
  width:  100lvw;
  background-color: #1b2319;
}

:root {
  touch-action: pan-x pan-y;
  height: 100% 
}

body {
  line-height: 1.6;
  overflow-x: hidden;
  overflow-y: hidden;
}

main {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 70dvw;
}

section {
  flex-direction: row;
  justify-content: center;
  display: flex;
  margin-bottom: 2rem;
}

a {
    text-decoration: none;
    color: #fe3f34;
    text-transform: uppercase;
    height: min-content;
    width: min-content;
}

.icon:hover {
  fill: #fe3f34;
  
}

.logo {
  max-width: 70vw;
}

.icon {
  fill: #1b2319;
  width: 4rem;
  padding: .75rem;
}

video#loop {
	position: fixed;
  top: 50%;
  left: 50%;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	/* background: url(polina.jpg) no-repeat; */
	background-size: cover;
}

@media (max-width: 425px) {
  /* video#loop {
    top: 260%;
  } */
} 

@media (max-width: 600px) {
  .icon {
    width: 3.5rem;
    padding: .5rem;
  }
  .logo {
    max-width: 90vw;
  }
} 

@media (min-width: 600px) {

} 

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}