body {
    font-family: "Helvetica", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.02em;
    padding: 15px 0 0 0;
    margin: 0;
    display: grid;
    grid-template-columns: 15px repeat(4, 6fr 15px);
}

p {
    font-family: "Helvetica", Helvetica, sans-serif;
    color: black;
    margin: 0;
}

a,
a:hover,
a:visited,
a:active {
    color: black;
    text-decoration: underline;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

header {
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    display: grid;
    grid-template-columns: 15px repeat(4, 6fr 15px);
    width: 100%;
}

#header {
    grid-column: 2/span 1;
}

#about {
    grid-column: 4/span 1;
}

#contact{
	grid-column: 6/span 1;
}
mail {
    grid-column: 8/span 1;
}


#slider-home{
grid-column: 1/span 8;
}

.carousel-item{
	width: 100%;
    padding-left: 50%;
}

.slide video{
  padding: 0;
  display: block;
  object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.carousel-control-next{
	right: 0;
	width: 50%;
    cursor: e-resize;
}

#cursor-next p,
#cursor-prev p,
#cursor-next img,
#cursor-prev img{
  vertical-align: middle;
  display: inline-block;
  pointer-events: none; 
  cursor: none;
  font-size: 16px;
}

.carousel-inner{
  margin: 0;
  padding: 0;
  position: relative;
}

.carousel-item img{
  width: 100%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
  display: none;
}

@media screen and (max-width: 900px) {
	.carousel-item{
		width: 100%;
		padding-left: 25%;
	}

	.carousel-control-next{
    right: 0;
    width: 75%;
	}
}

@media screen and (max-width: 650px) {

	#header{
		grid-column: 2/span 1;
	}
	#about,
	#contact,
	mail {
	    grid-column: 4/span 5;
	}
}

@media screen and (max-width: 500px) {

#header{
		grid-column: 2/span 7;
	}
	#about,
	#contact,
	mail {
	    grid-column: 2/span 7;
	}
}