html,
body {
  font-family: Helvetica, sans-serif, Arial;
}

.header {
  height: 70px;
  display: flex;
  justify-content: space-between;
  padding: 10px 15%;
  background-color: #fff;
}
.main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.app-logo-name {
  display: flex;
  align-items: center;
}
.app-logo-name:hover {
  text-decoration: none;
}
.logo {
  height: 70px;
  margin-right: 10px;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.section1 {
  background: #5c258d;
  background: -webkit-linear-gradient(to right, #4389a2, #5c258d);
  background: linear-gradient(to right, #4389a2, #5c258d);
}
.section2 {
  background: #614385;
  background: -webkit-linear-gradient(to right, #516395, #614385);
  background: linear-gradient(to right, #516395, #614385);
}
.section3 {
  background: #403b4a;
  background: -webkit-linear-gradient(to right, #e7e9bb, #403b4a);
  background: linear-gradient(to right, #e7e9bb, #403b4a);
}
.section4 {
  background: #348f50;
  background: -webkit-linear-gradient(to right, #56b4d3, #348f50);
  background: linear-gradient(to right, #56b4d3, #348f50);
}

.img-wrapper {
  width: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}

.images {
  display: flex;
  justify-content: center;
}

.images .img {
  margin: 0 10px;
}

.img {
  width: 300px;
  margin: 0 auto;
  display: block;
}

.p1,
.p2,
.p3,
.p4,
.p {
  width: 300px;
}

.desc {
  text-align: center;
}

.about {
  margin-right: 15px;
}

.compay {
  text-align: left;
  padding: 10px 15%;
}