* {margin: 0; padding: 0;}
body {
  background-color: lightgray;
  height: 100vh;
}
.first-sec img {
  width: 100%;
}
body > section {
  margin-top: 40px;
}
.first-sec{
  display: block;
}
.first-sec > article > div > div {
  text-align: center;
}
.first-sec > article > div > div > h2 {
  display: inline;
}
.first-sec > article > span {
  text-align: center;
}
.first-sec > article > span > h2 {
  margin-top: 0;
}
.first-sec > article {
  margin-top: 10px;
}
.first-sec article h2 {
  font-size: 20px;
}
.text {
  font-weight: normal;
  margin-top: 20px;
  text-align: center;
}
body > .first-sec > article {
  margin-top: 50px;
}

.logo > article {
  padding: 0;
  text-align: center;
  margin:0;
}
.logo > article > a > img {
  width: 90%;
}
.row {margin-left: 0;}

@media screen and (min-width:1200px) {
  .logo article {
    height: 120px;
    margin-top: 40px;
    max-width:25%;
  }
}
@media screen and (min-width:992px) {
  .logo article {
    max-width:33%;
    height:140px;
  }
}
@media screen and (min-width:768px) {
  .logo article {
    max-width:50%;
    height: 130px;
  }
  }