@font-face {
  font-family: 'Futura';
  src: url('fonts/futura/Futura-Book.woff') format('woff'),
       url('fonts/futura/Futura-Medium.woff') format('woff'),
       url('fonts/futura/Futura-Light.woff') format('woff'),
       url('fonts/futura/Futura-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
    /* Colors */
    --dmns-primary-font-color: #000000;
    --dmns-corporate-blue: #559cbe;
    --dmns-blue: #00a3f2;
    --dmns-orange: #f4911e;
    --dmns-red: #b31F17;
    --dmns-purple: #872175;
    --dmns-corporate-readibility-blue: #347594;
    /* Provided 9/19 via Marketing */
    --dmns-green: #8FC229;
    --dmns-royal-blue: #004AA8;
    --dmns-gold: #f0ad00;
    --dmns-dark-green: #779d2c; /*Used for header ourline only buttons*/
    /* Used for disabled text, graphical object/UI component borders */
    --dmns-gray: #757575;
    /* Hover colors */
    --dmns-green-hover: #5D7E1B;
    --dmns-blue-hover: #3B7D9B;
    --dmns-orange-hover: #AF6108;
    --dmns-red-hover: #811812;
    /* Fonts */
    --dmns-heading-font: 'Futura', Arial, Helvetica, sans-serif;
    --dmns-body-font: Arial, Helvetica, sans-serif;
}

body{
    font-family: var(--dmns-body-font);
    font-weight: normal;
    font-size: 16px;
    color: var(--dmns-primary-font-color);
}

h1, h2, h3, h4, h5, h6 {
   font-family: var(--dmns-heading-font);
   font-weight: normal;
   letter-spacing: .03rem;
   text-transform: uppercase;
}


h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
    line-height: 1.8;
}

p {
    line-height: 1.8;
}

p ~ h2,
p ~ h3,
p ~ h4,
p ~ h5,
p ~ h6,
p ~ div {
    margin-top: 1.5rem;
}

img{
    display: block;
    max-width: 100%;
    /* width:100%; */
    /* height:auto; */
}

pre {
    background-color: #f4f4f4;
    border: 1px solid #e1e1e8;
    padding: 10px;
    white-space: pre-wrap;
}

.hide,
.hidden {
  /* display: none; */
}

    /* In case we want to have a default focus state */
/*
    *:focus {
    border-radius: .25rem;
    outline: 2px solid var(--dmns-blue);
}*/

/*.touch-device *:focus {
    outline: none;
}*/



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*html {
    font-size: 1.1rem;
  }*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/*    html {
        font-size: 1.3rem;
  }*/
/* trying this out 9/11/23 ~SR */
    .container {
        max-width: 1250px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .container{
        max-width:2240px;
    }
/*    .container-fluid{
        max-width:2240px;
    }*/
}