@import url('https://fonts.googleapis.com/css?family=Noto Sans:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto Serif:100,300,400,600&display=swap');

html { 
  scroll-snap-type: y mandatory;
  font-family: 'Noto Serif', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: white;
}

body {
  margin:0;
}

section {
  height: 100vh;
  scroll-snap-align: start;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background: #ebd4cb url('img/web-splash-background2.webp') no-repeat center top;
  background-size: cover;
  color: white;
}

/*
section {
  height: 100vh;
  scroll-snap-align: start;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

section:first-of-type {
  background: #ebd4cb url('img/web-splash-background.webp') no-repeat right top;
  background-size: cover;
  color: white;
}

section:nth-child(2) {
  background: #18a999;
  color: white;
}

section:nth-child(3) {
  background: #f4f7f9;
  color: black;
}

section:last-of-type {
  background: #18a999;
  color: white;
}

.flex-column {
  flex-direction:row;
}
*/

h1, h2, h3, p {
  margin: 0 0 1vh 0;
}

.ml-15 {
  margin-left: 15px;
}

.intro {
  line-height: 1.5em;
  text-align: center;
}

.sans-semi {
  font-family: "Noto Sans", sans-serif;
  font-weight: 600;
}

.down-arrow {
    font-weight: 100;
    font-size: 4vw;
}

a { 
  color: white;
  text-decoration: none;
}

a:hover {
  font-weight: 400;
}

/* If the screen size is 1081px wide or more */
@media screen and (min-width: 1081px) {
h1 {
  font-size: 4em;
}

h2 {
  font-size: 3em;
}

h3 {
  font-size: 2em;
}

.intro {
  padding: 0 10vw;
  font-size: 1.8em;
}
}

/* If the screen size is 1080px wide or less */
@media screen and (max-width: 1080px) {
h1 {
  font-size: 3em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.5em;
}

.intro {
  padding: 0 10vw;
  font-size: 1.3em;
}
}