body {
  font-family: 'Roboto', sans-serif;
}

a:link {
  color: white;
  text-decoration: underline;
}

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

a.osp-link {
  color: black;
  text-decoration: underline;
}

a.osp-link:hover {
  color: black;
  text-decoration: none;
}

.btn{
  cursor: pointer;
      white-space: normal;
}

.bg-osp-dark {
  background-color: rgb(42,54,69);
  background-size: cover;
}

.bg-osp-gray {
  background-color: rgb(207,207,207);
  background-size: cover;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.osp-orange {
  color: rgb(255, 153, 0);
}

.osp-red {
  color: rgb(247, 0, 0);
}

.btn-osp-orange {
  background-color: rgb(255, 153, 0);
  border-color: rgb(255, 153, 0);
  font-size: 26px;
}

.btn-osp-orange:hover {
  background-color: rgb(202, 121, 29);
  border-color: rgb(202, 121, 29);
}

.osp-marketer {
  max-width: 235px;
}

.img-max-350 {
  max-width:350px;
}

.img-max-375 {
  max-width:350px;
}

.padding-top-200 {
  padding-top: 200px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}