@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 650px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 650px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 650px;
  }
}

h2,h3,h4{
  font-family: 'Dosis', sans-serif;
}

.h2, h2, .h3, h3{
  text-align: center;
}


.h3, h3 {
    font-size: 1.5rem;
}

.h4, h4 {
    font-size: 1.3rem;
}

p{
font-family: 'Lato', sans-serif;
}

a {
  color: #ff005d;
  padding: 0px 5px;
  border-radius: 4px;
  padding: 0px 5px;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(90deg, rgb(249, 26, 77) 0%, rgb(255, 71, 139) 35%, rgb(247, 83, 181) 100%);
}

::selection {
  background: #ffe7e7;
}
::-moz-selection {
  background: #ffe7e7;
}

.container
{
  background-color: rgba(255,255,255,0.9);
}