html {
  background: linear-gradient(to bottom right, #dfd9e2 61%, #89909f 100%);
  min-height: 100%;
}

header img {
  width: 70vw;
  height: auto;
  margin-left: 15vw;
}

nav {
  family-family: 'Montserrat', sans-serif;
  text-align: center;
  background-color: #c3acce;
  padding: .5vw;
  opacity: 0.75;
}

nav a:link {
  color: #538083;
  text-decoration: none;
}

nav a:visited {
  color: #88909f;
  text-decoration: none;
}

nav a:hover {
  color: #dfd9e2;
  background-color: #538083;
  text-decoration: none;
}

nav a:active {
  color: #88909f;
  text-decoration: none;
}

div img {
  width: 60vw;
  height: auto;
  margin-top: 2vw;
}

p {
  font-size: 2vw;
  family-family: 'Montserrat', sans-serif;
  color: #538083;
  text-align: left;
  margin-left: 6vw;
  width: 65vw;
}

p a:link {
  color: #c3acce;
  text-decoration: none;
}

p a:visited {
  color: #88909f;
  text-decoration: none;
}

p a:hover {
  color: #dfd9e2;
  background-color: #538083;
  text-decoration: none;
}

p a:active {
  color: #c3acce;
  text-decoration: none;
}

p img {
  width: auto;
  height: 30vw;
  float: right;
  position: relative;
  margin-top: 1vw;
  border-radius: 1vw;
  border: 1vw solid #89909f;
}

footer {
  family-family: 'Montserrat', sans-serif;
  text-align: center;
  background-color: #c3acce;
  padding: .5vw;
  margin-top: 5vw;
  margin-bottom: 5vw;
  color: #89909f;
  opacity: 0.75;
}

footer a:link {
  color: #538083;
  text-decoration: none;
}

footer a:visited {
  color: #88909f;
  text-decoration: none;
}

footer a:hover {
  color: #dfd9e2;
  background-color: #538083;
  text-decoration: none;
}

footer a:active {
  color: #88909f;
  text-decoration: none;
}

h1 {
  family-family: 'Montserrat', sans-serif;
  font-size: 3vw;
  color: #538083;
  text-align: left;
  margin-left: 7vw;
  width: 65vw;
}

h2 {
  family-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-size: 2vw;
  color: #538083;
  text-align: left;
  margin-left: 7vw;
  width: 65vw;
}

span img {
  width: 28vw;
  height: auto;
  float: right;
  margin-left: 2vw;
  margin-top: 27vw;
  margin-right: 5vw;
  border-radius: 1vw;
  border: 1vw solid #89909f;
}

button {
  family-family: 'Montserrat', sans-serif;
  width: 15vw;
  height: 10vw;
  border: 1vw solid #538083;
  margin-left: 7vw;
  background-color: #89909f;
 }

 button a {
  family-family: 'Montserrat', sans-serif;
  background-color: #dfd9e2;
  font-size: 1.75vw;
  padding: 1vw;
  text-decoration: none;
  color: #89909f;
 }

button a:hover {
  color: #dfd9e2;
  background-color: #538083;
  text-decoration: none;
 }

 .flexDis {
   display: flex;
   justify-content: space-between;
   overflow: scroll;
   askdf
 }

 .flexDis img {
   width: 25vw;
   height: 13vw;
   margin-left: 4vw;
 }

 .flexDis1 {
   display: flex;
   justify-content: space-between;
   overflow: scroll;
 }

 .flexDis1 img {
   width: 25vw;
   height: auto;
   margin-left: 4vw;
 }

h5 {
  family-family: 'Montserrat', sans-serif;
  font-size: 1.5vw;
  color: #538083;
  text-align: center;
  margin-left: 3vw;
  margin-bottom: -1vw;
}

h6 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1vw;
  color: #538083;
  text-align: center;
  margin-left: 3.5vw;
}