body, html{
  width: 100%;
}

html{
  display: flex;
  justify-content: center;
}

body{
  margin: 14px;
  width: auto;
}

body.presave{
  background-color: #09090B;
}

body.presave h1,
body.presave h2,
body.presave a,
body.presave div,
body.presave span,
body.presave p{
  color: white;
}

body.presave h2{
  margin: 2px 0 2px 0;
}

header h1,
header h1 a,
header h1 a:hover,
header h1 a:visited,
header h1 a:active{
  margin-top: 0;
}

.description{
  margin: 0 0 10px 0;
}

h1, h2, a, a.header-link, div{
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

p, span{
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}

img{
  max-width: 100%;
  object-fit: cover;
}

a, a:visited, a:active, a:hover{
  display: block;
  margin: 10px 0;
  color: #003eaa;
  text-decoration: none;
}

a.header-link, a.header-link:visited, a.header-link:active, a.header-link:hover{
  color: white;
}

.cover-image{
  max-width: 400px;
}

.news{
  padding: 2px 8px;
  background: #1B1B1E;
  max-width: 384px;
  margin-top: 32px;
  text-align: center;
}

.cta{
  text-align: center;
}

.buttons{
  max-width: 400px;
}

.divider{
  text-align: center;
  margin: 10px 0;
}

.button{
  border-radius: 3px;
  background: #1B1B1E;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0;
}

.platform{
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-around;
}

.service-icon{
  height: 42px;
  margin-right: 24px;
}

a.link, a.link:visited, a.link:active, a.link:hover{
  color: white;
  border: 2px solid white;
  border-radius: 3px;
  padding: 6px 24px;
  text-align: center;
}

.text{
  color: white;
  font-size: 24px;
}

.contact {
    margin-top: 40px;
}