* {
  font-family: Raleway, Roboto, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 20px;
  color: #00466a;
  font-weight: 500;
}

p {
  font-size: 16px;
  line-height: 25px;
}

h2 {
  font-size: 36px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}


  h1.sponsors-reverse {
    width: 100%;
  }


.btn-client {
  background-color: #00466a;
  color: #f0f0f0;
  transition: .3s;
}

.btn-client:hover {
  background-color: #149b9e;
  color: #f0f0f0;
}

#navbar {
  background-color: #00466a;
}

#navbar .navdrop {
  color: #f0f0f0;
  font-weight: 500;
  transition: .3s;
}

#navbar .navdrop:hover {
  background-color: #149b9e;
  color: #f0f0f0;
}

#navbar-menu-right>li>a.navbar-button {
  background-color: #ffffff;
  color: #6d6e71;
  font-weight: 500;
  transition: .3s;
}

#navbar-menu-right>li>a.navbar-button:hover {
  background-color: #149b9e;
  color: #ffffff;
}

#page-footer {
  background-color: #b6babd;
}

h1.sponsors {
  color: #fff;
  background: grey;
  padding: 0 40px 0 40px;
  width: 455px;
}

.sponsors:after {
  content: '';
  position: absolute;
  margin: 0px;
  width: 37px;
  height: 65px;
  left: 440px;
  transform: rotate(45deg);
  background-color: #fff;
}

@media(min-width:580px){
h1.sponsors-reverse {
  color: #fff;
  background: #00466a;
  padding: 0 30px 0 30px;
  width: 555px;
  float: right;
	}
  }

.sponsors-reverse:after {
  content: '';
  position: absolute;
  margin: 0px;
  width: 67px;
  bottom: 7px;
  height: 75px;
  right: 513px;
  transform: rotate(226deg);
  background-color: #ffffff;
}