/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
body {
  color: #262626;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

a {
  color: #262626;
  font-weight: 700;
  text-decoration: none;
}
a:hover, a:focus {
  color: #f881e6;
  text-decoration: underline;
}

.lead {
  color: #f881e6;
  font-family: 'Amatic SC';
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1.5em;
}

.head-logo {
  margin-bottom: 1em;
  width: 200px;
}

img {
  max-width: 100%;
}

.vcenter {
  padding-bottom: 15%;
  padding-top: 5%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .lead { font-size: 28px; }
  .vcenter { padding-bottom: 20%; padding-top: 20%; }
  .head-logo { width: 280px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}