@font-face {
  font-family: 'Berner Basisschrift 1';
  src:url('/fonts/BernerBasisschrift/BernerBasisschrift1.ttf');
}

@font-face {
  font-family: 'Roboto';
  src:url('/fonts/Roboto/Roboto-Regular.ttf');
}

.sm_products_desc_1 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 22px;
}

.sm_products_desc_2 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

.sm_products_desc_bold_1 {
  margin-top: 10px;
  font-weight: bold;
  font-size: 16px;
}

.sm_products_desc_bold_2 {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
}

#sm_products_left {
  position: absolute;
}

#sm_products_logo_text {
  padding-top: 20px;
  margin-right: 20px;
  float: right;
  width: 300px;
  height: 150px;
}

@media screen and (min-width: 1400px) {
  #sm_products_left {
    top: 50%;
    left: 50%;
    margin-left: -580px;
    margin-top: -350px;
    width: 1200px;
    height: 600px;
  }

}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #sm_products_left {
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -300px;
    width: 1000px;
    height: 500px;
  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #sm_products_left {
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -180px;
    width: 800px;
    height: 400px;
  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #sm_products_left {
    top: 600px;
    left: 50%;
    margin-left: -263px;
    width: 600px;
    height: 300px;
  }

}

@media screen and (min-width: 480px) and (max-width: 767px) {
  #sm_products_left {
    top: 680px;
    left: 50%;
    margin-left: -230px;
    width: 400px;
    height: 200px;
  }

}

@media screen and (max-width: 479px) {
  #sm_products_left {
    top: 100px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    height: 200px;
  }

  #sm_products_logo_text {
    margin-right: 0px;
  }
}

@media screen and (min-width: 1200px) and (max-height: 680px) {
  #sm_products_left {
    top: 60px;
    margin-top: 0px;
  }

  #sm_navbar {
    position: absolute;
    left: 0px;
    top: 620px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) and (max-height: 740px) {
  #sm_products_left {
    top: 30px;
    margin-top: 0px;
  }

  #sm_navbar {
    position: absolute;
    left: 0px;
    top: 680px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) and (max-height: 1200px) {
  #sm_navbar {
    position: absolute;
    left: 0px;
    top: 1140px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) and (max-height: 1220px) {
  #sm_navbar {
    position: absolute;
    left: 0px;
    top: 1160px;
  }
}

@media screen and (max-width: 479px) and (max-height: 1185px) {
  #sm_navbar {
    position: absolute;
    left: 0px;
    top: 1125px;
  }
}

@media screen and (max-width: 360px) and (max-height: 640px) {
  #sm_navbar {
    position: absolute;
    left: 0px;
    top: 500px;
  }
}