html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #e7e7e7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
  color: #84a0ca;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 19px;
  color: #071a3a;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}

h2 {
  font-size: 17px;
  line-height: 1.4;
  color: #071a3a;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

p {
  font-size: 16px;
  color: #333;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

small {
  font-size: 16px;
  color: #0b408a;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

a {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #777;
  transition: 0.3s;
}

/* EDIT DESCRIPTION LINK COLOR */
a:hover {
  color: #326b94;
}

.section {
  width: 90%;
  max-width: 600px;
  position: relative;
  margin: 0 auto;
  background: #fff;
}

#green {
  background: #34a853;
}

#greenSpo {
  background: #2ad164;
  color: #000;
}
#deezer {
  background: linear-gradient(
    45deg,
    #ff0000,
    #ffed00,
    #ff0092,
    #c2ff00,
    #00c7f2,
    #c1f1fc
  );
}
#greenSpo:hover {
  background: #30e66f;
}

#green:hover {
  background: #3dc461;
}

#red {
  background: #c92e1c;
}

#red-prep {
  background: #c92e1c;
}

#red:hover {
  background: #e73723;
}

#pink {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.section img {
  border-radius: 100%;
  width: 8rem;
}

.social-spacing {
  margin-left: 16px;
  margin-right: 16px;
  white-space: nowrap;
  line-height: 1.5;
  color: #071a3a;
}

.clear {
  clear: both;
}

.avy {
  opacity: 0.95;
  width: 150px;
  margin: 20px 0;
}
.avy:hover {
  opacity: 1;
}
.round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; /* future proofing */
  -khtml-border-radius: 50%; /* for old Konqueror browsers */
  -webkit-appearance: none;
}

/* EDIT LINK UNDERLINE COLOR */
.underline:hover {
  border-bottom: 1px solid #0b408a;
}

.preul {
  border-bottom: 1px solid #eee;
}

.center-align {
  text-align: center;
}

.white {
  color: #071a3a;
}

.light-grey {
  color: #ffbc00;
  padding: 20px 0;
}

.divider {
  border-bottom: 1px solid #eee;
}

/* EDIT BUTTON BACKGROUND COLOR */
.button {
  background: #ffbc00;
  padding: 20px;
  margin: 20px auto;
  transition: 0.3s;
}

.button:hover {
  opacity: 1;
  background: #ebab15;
}

.padding-top-50 {
  padding-top: 10px;
  background: #e7e7e7;
}
.padding-bottom-50 {
  padding-bottom: 1px;
  background-color: #e7e7e7;
}
.padding-bottom-100 {
  padding-top: 0px;
  background-color: #e7e7e7;
}
.padding-top-25 {
  padding-top: 25px;
}
.padding-top-15 {
  padding-top: 7px;
  background-color: #e7e7e7;
}

@media (max-width: 768px) {
}