@font-face {
    font-family: "FranklinGothic";
    src: url("/fonts/framd.eot"); /* IE9 Compat Modes */
    src: url("/fonts/framd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("/fonts/framd.otf") format("opentype"), /* Open Type Font */
      url("/fonts/framd.svg") format("svg"), /* Legacy iOS */
      url("/fonts/framd.ttf") format("truetype"), /* Safari, Android, iOS */
      url("/fonts/framd.woff") format("woff"), /* Modern Browsers */
      url("/fonts/framd.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: "FranklinGothic";
src: url("/fonts/FRADM.eot"); /* IE9 Compat Modes */
src: url("/fonts/FRADM.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/FRADM.otf") format("opentype"), /* Open Type Font */
    url("/fonts/FRADM.svg") format("svg"), /* Legacy iOS */
    url("/fonts/FRADM.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/FRADM.woff") format("woff"), /* Modern Browsers */
    url("/fonts/FRADM.woff2") format("woff2"); /* Modern Browsers */
font-weight: 600;
font-style: normal;
}
@font-face {
    font-family: "FranklinGothic";
    src: url("/fonts/FRAHV.eot"); /* IE9 Compat Modes */
    src: url("/fonts/FRAHV.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("/fonts/FRAHV.otf") format("opentype"), /* Open Type Font */
      url("/fonts/FRAHV.svg") format("svg"), /* Legacy iOS */
      url("/fonts/FRAHV.ttf") format("truetype"), /* Safari, Android, iOS */
      url("/fonts/FRAHV.woff") format("woff"), /* Modern Browsers */
      url("/fonts/FRAHV.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 700;
    font-style: normal;
}

h1 {
    font-family: "FranklinGothic", sans-serif;
}
.background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.background-arttrace {
    background-color: #0d0485;
}
.banner-main {
    padding-bottom: 33%;
    min-height: 200px;
}
.content-image {
    padding-bottom: 110%;
}
.no-link, .no-link:hover {
    text-decoration: none;
}
.header-all {
    font-size: 3.5rem;
}
.header-top {
    font-weight: 600;
    letter-spacing: 0.06em;
}
.banner-text {
    font-size: 3rem;
}

@media screen and (max-width: 1024px){
    .banner-text {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 768px){
    .header-all {
        font-size: 2.5rem;
    }
    .banner-text {
        font-size: 1.5rem;
    }
}