a:hover{
    text-decoration:none;
}

/*colors*/

.cool-blue {
    background-color: #54698D;
}
.green-gradient {
  background: linear-gradient(to right, #84DA39, #68C911);
}
.yellow-gradient {
  background: linear-gradient(to right, #FFBC00, #F5B500);
}
.blue-gradient {
  background: linear-gradient(to right, #51C2FF, #26B3FF);
}
.footer-background {
  background-color: #F6F6F6;
}
.web-link-icon-color {
  background-color: #54698d;
}
.feedback-button {
  background-color: #4f6a92;
}
.footer-options {
  float: right;
}

.icon {
  fill: #54698d;
  position: relative;
  transform: translateY(-5%);
}

.standard-border {
  border: 1px solid #d8dde6

}
.set-relative-position {
  position: relative;
}
.rule-right {
    border-right: 1px solid #d8dde6;
}
.standard-border.bottom-border-override {
  border-bottom: 0px;
}
/*
FONT
*/
.font-color-nav-text {
  color: #999999;
}
span.font-color-nav-text:hover, a.font-color-nav-text:hover {
    color: #005FB2;
}
.font-color-text-weak {
  color: #54698D;
}
.font-color-white {
  color: white;
}
.font-blue-security {
  color: #26B3FF;
}
.font-yellow-legal {
  color: #F5B500;
}
.font-green-status {
  color: #68C911;
}
.web-link-font {
  font-size: 16px;
}

.wrapper {
  width: 100%;
  max-width: 450px;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.wrapper:after {
  padding-top: 60.08%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.hero-stack-size {
    height: 320px;
    width: 224px;
}

.hd-systemimage{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(../images/SystemStatus_2x.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.hd-securityimage{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(../images/Security_section_image.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media (max-width: 440px){
  .web-link-font {
    font-size: 2.5vw;
  }
}
.hamburger-menu {
  display: none;
}
@media (max-width: 767px){
  .hamburger-menu {
    display: block;
  }
}
@font-face {
  font-family: SalesforceSans-Italic;
  src: url('../fonts/SalesforceSans-Italic.ttf');
}
.font-Italic {
  font-family: SalesforceSans-Italic;
}

@font-face {
  font-family: SalesforceSans-Light;
  src: url('../fonts/SalesforceSans-Light.ttf');

}
.font-Light {
  font-family: SalesforceSans-Light;
}

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

.font-size-28 {
  font-size: 28px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-10 {
  font-size: 10px;
}

.line-height-38 {
  line-height: 38px;
}
.line-height-26 {
  line-height: 26px;
}
.line-height-20 {
  line-height: 20px;
}
.letter-spacing-point-5 {
  letter-spacing: 0.5px;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.letter-spacing-2 {
  letter-spacing: 1px;
}