body {
  fornt-family: "sans-serif";
  font-weight: 400;
  font-style: normal;
}
p.ident {
  text-indent: 50px;
}

.bg {
  padding:100px 16px;
  background-image: url('img/bg2.webp');
  background-size: cover;
  background-position: bottom;
  color: white;
}

.bgtext {
  text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);
}

.techLogo {
  height: 100px;
  transition: 0.5s;
}

.techLogo:hover{
  filter: none;
  transition: 0.5s;
}

.img {
  background-position: top;
  height: 250px;
  transition: 1.5s;
  opacity: 0.1;
}

.img:hover {
  background-position: top;
  opacity: 1;
  transition: 1.5s;
}

.img-1 {
  background: center no-repeat url('img/img-1.webp');
}
.img-1:hover {
  background: center no-repeat url('img/img-1-hover.webp');
}
.img-2 {
  background: center no-repeat url('img/img-2.webp');
}
.img-2:hover {
  background: center no-repeat url('img/img-2-hover.webp');
}
.img-3 {
  background: center no-repeat url('img/img-3.webp');
}
.img-3:hover {
  background: center no-repeat url('img/img-3-hover.webp');
}
.img-4 {
  background: center no-repeat url('img/img-4.webp');
}
.img-4:hover {
  background: center no-repeat url('img/img-4-hover.webp');
}
.img-5 {
  background: center no-repeat url('img/img-5.webp');
}
.img-5:hover {
  background: center no-repeat url('img/img-5-hover.webp');
}
.img-6 {
  background: center no-repeat url('img/img-6.webp');
}
.img-6:hover {
  background: center no-repeat url('img/img-6-hover.webp');
}
.img-7 {
  background: center no-repeat url('img/img-7.webp');
}
.img-7:hover {
  background: center no-repeat url('img/img-7-hover.webp');
}
.img-8 {
  background: center no-repeat url('img/img-8.webp');
}
.img-8:hover {
  background: center no-repeat url('img/img-8-hover.webp');
}
.img-9 {
  background: center no-repeat url('img/img-9.webp');
}
.img-9:hover {
  background: center no-repeat url('img/img-9-hover.webp');
}
.img-10 {
  background: center no-repeat url('img/img-10.webp');
}
.img-10:hover {
  background: center no-repeat url('img/img-10-hover.webp');
}
.img-11 {
  background: center no-repeat url('img/img-11.webp');
}
.img-11:hover {
  background: center no-repeat url('img/img-11-hover.webp');
}
.img-12 {
  background: center no-repeat url('img/img-12.webp');
}
.img-12:hover {
  background: center no-repeat url('img/img-12-hover.webp');
}
.img-13 {
  background: center no-repeat url('img/img-13.webp');
}
.img-13:hover {
  background: center no-repeat url('img/img-13-hover.webp');
}
.img-14 {
  background: center no-repeat url('img/img-14.webp');
}
.img-14:hover {
  background: center no-repeat url('img/img-14-hover.webp');
}