﻿body {
  background: #ffffff;
  /* fallback for old browsers */
  /*  background: -webkit-linear-gradient(to bottom, $cmsred, $backgroundgradientend); *\ /* Chrome 10-25, Safari 5.1-6 */
  /* background: linear-gradient(to bottom, $cmsred, $backgroundgradientend);*\  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-size: 16px;
  font-family: 'Oswald', sans-serif !important; }

.navbar {
  background: #000000; }

.navbar-brand {
  color: #F0EDEE !important; }

.nav-link {
  color: #F0EDEE !important; }

.container {
  color: #F0EDEE !important; }

.footer {
  background: #000000; }

.footertext {
  color: #F0EDEE !important; }

.bg-cms {
  background: #820600; }

.bg-danger {
  background: #820600 !important; }

.control-label {
  color: black !important; }

p {
  color: #777 !important; }

.navbar-brand {
  background-image: url("/img/HM2Logowhite.png");
  background-size: cover;
  height: 83px;
  margin-top: -74px;
  margin-bottom: -29px;
  padding: 0px;
  width: 234px; }

label {
  color: black !important; }

.nav-link-black {
  color: black !important; }

dt {
  color: black !important; }

dd {
  color: black !important; }

.grey {
  background-color: grey; }

.col_2 {
  background-color: lightgreen !important; }

.col_3 {
  background-color: lightgray !important; }

.col_4 {
  background-color: lightcoral !important; }

.col_5 {
  background-color: orange !important; }

.document {
  width: 670px;
  /*margin: 20px;*/
  text-align: left;
  font-size: 14px;
  float: center; }

.container-left {
  float: left; }

.container-right {
  float: right; }

.disabled {
  display: none; }

.addressbox {
  background-color: palevioletred;
  position: fixed;
  cursor: pointer;
  top: 42%;
  left: 25%;
  width: 200px;
  height: 100px;
  opacity: 0.4;
  z-index: 1000000; }

.addressboxtext {
  color: black; }

.pdfGrid {
  height: 800px;
  max-width: 800px;
  min-width: 800px; }

.pdfobject-container {
  width: 100%;
  max-width: 800px;
  height: 740px;
  margin: 2em 0; }

.pdfobject {
  border: solid 5px #666; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 61vh;
    left: 13.5vw;
    width: 20vw;
    height: 18vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 61vh;
    left: 13.5vw;
    width: 20vw;
    height: 18vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 70vh;
    left: 22.5vw;
    width: 25vw;
    height: 18vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 61vh;
    left: 13.5vw;
    width: 20vw;
    height: 18vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

/* Extra large devices (large laptops and desktops, 1200px and up) - Tested Live */
@media only screen and (min-width: 1200px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 61vh;
    left: 13.5vw;
    width: 20vw;
    height: 18vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

@media only screen and (min-width: 1356px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 60vh;
    left: 14vw;
    width: 20vw;
    height: 18vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

/* Extra Extra large devices (large laptops and desktops, 1600px and up) - Tested Live */
@media only screen and (min-width: 1600px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 41vh;
    left: 25vw;
    width: 14vw;
    height: 12vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }

/* 4k Screens - Tested Live*/
@media only screen and (min-width: 2000px) {
  .addressbox {
    background-color: palevioletred;
    position: absolute;
    cursor: pointer;
    top: 30vh;
    left: 32vw;
    width: 10vw;
    height: 9vh;
    /*top:38%;
    left: 25%;
    width:250px;
    height: 150px;*/
    opacity: 0.4;
    z-index: 1000000; } }
