@font-face {
  font-family: SanFrancisco-M;
  src: url('../fonts/SF-Pro-Display-Medium.otf');
}

@font-face {
  font-family: SanFrancisco-H;
  src: url('../fonts/SF-Pro-Display-MediumItalic.otf');
}

@font-face {
  font-family: SanFrancisco-LI;
  src: url('../fonts/SF-Pro-Display-LightItalic.otf');
}

@font-face {
  font-family: SanFrancisco-L;
  src: url('../fonts/SF-Pro-Display-Light.otf');
}

@font-face {
  font-family: SanFrancisco-T;
  src: url('../fonts/SF-Pro-Display-Thin.otf');
}

@font-face {
  font-family: SanFrancisco-K;
  src: url('../fonts/SF-Pro-Display-Semibold.otf');
}

@font-face {
  font-family: SanFrancisco-P;
  src: url('../fonts/SF-Pro-Display-SemiboldItalic.otf');
}

@font-face {
  font-family: SanFrancisco-B;
  src: url('../fonts/SF-Pro-Display-SemiboldItalic.otf');
}

#logo{
  position: absolute;
  width: 300px;
  height: auto;
  left: 50%;
  margin-left: -150px;
  top: 60px;
  margin-top: -35px;
  z-index: 2000;
}

.center_cont{
  position: absolute;
  width: 600px;
  height: auto;
  left: 50%;
  top: 100px;
  margin-left: -300px;
  background-color: white;
}

h1{
  font-family: SanFrancisco-K;
  font-size: 35px;
}

p{
  font-family: SanFrancisco-L;
  font-size: 18px;
}

h2{
  font-family: SanFrancisco-K;
  font-size: 25px;
}

img{
  position: relative;
  width: 600px;
  height: auto;
}

li{
  font-family: SanFrancisco-L;
  font-size: 20px;
  list-style-image: url("../../assets/svg/arrow-up-right.svg");
  color: #0088aaff;
}

.spacer{
  position: relative;
  width: 100%;
  height: 200px;
}


@media screen and (max-width: 1000px){
  #logo{
    position: absolute;
    width: 400px;
    height: auto;
    left: 50%;
    margin-left: -200px;
    top: 100px;
    margin-top: -35px;
    z-index: 2000;
  }

  .center_cont{
    position: absolute;
    width: 800px;
    height: auto;
    left: 50%;
    top: 150px;
    margin-left: -400px;
    background-color: white;
  }

  h1{
    font-family: SanFrancisco-K;
    font-size: 60px;
  }

  p{
    font-family: SanFrancisco-L;
    font-size: 42px;
  }

  h2{
    font-family: SanFrancisco-K;
    font-size: 45px;
  }

  img{
    position: relative;
    width: 800px;
    height: auto;
  }

  li{
    font-family: SanFrancisco-L;
    font-size: 35px;
    list-style-image: url("../../assets/svg/arrow-up-right.svg");
    color: #0088aaff;
  }
}