@font-face {
    font-family: 'FranklinGothicBT-ExtraCondensed';

    src:    url('webfonts/311E09_0_0.eot');
    src:    url('webfonts/311E09_0_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_0_0.woff2') format('woff2'),
            url('webfonts/311E09_0_0.woff') format('woff'),
            url('webfonts/311E09_0_0.ttf') format('truetype');

            font-weight: normal;
            font-style: normal;
}
 
  
@font-face {
    font-family: 'ITCFranklinGothicStd-BookIt';

    src:    url('webfonts/311E09_1_0.eot');
    src:    url('webfonts/311E09_1_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_1_0.woff2') format('woff2'),
            url('webfonts/311E09_1_0.woff') format('woff'),
            url('webfonts/311E09_1_0.ttf') format('truetype');
}
 
  
@font-face {
    font-family: 'ITCFranklinGothicStd-DemiIt';
    
    src:    url('webfonts/311E09_2_0.eot');
    src:    url('webfonts/311E09_2_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_2_0.woff2') format('woff2'),
            url('webfonts/311E09_2_0.woff') format('woff'),
            url('webfonts/311E09_2_0.ttf') format('truetype');
}
 
  
@font-face {
    font-family: 'ITCFranklinGothicStd-MedIt';
    
    src:    url('webfonts/311E09_3_0.eot');
    src:    url('webfonts/311E09_3_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_3_0.woff2') format('woff2'),
            url('webfonts/311E09_3_0.woff') format('woff'),
            url('webfonts/311E09_3_0.ttf') format('truetype');
}
 
  
@font-face {
    font-family: 'ITCFranklinGothicStd-Med';
    
    src:    url('webfonts/311E09_4_0.eot');
    src:    url('webfonts/311E09_4_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_4_0.woff2') format('woff2'),
            url('webfonts/311E09_4_0.woff') format('woff'),
            url('webfonts/311E09_4_0.ttf') format('truetype');
}
 
  
@font-face {
    font-family: 'ITCFranklinGothicStd-Book';
    
    src:    url('webfonts/311E09_5_0.eot');
    src:    url('webfonts/311E09_5_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_5_0.woff2') format('woff2'),
            url('webfonts/311E09_5_0.woff') format('woff'),
            url('webfonts/311E09_5_0.ttf') format('truetype');
}
 
  
@font-face {
    font-family: 'ITCFranklinGothicStd-Demi';
    
    src:    url('webfonts/311E09_6_0.eot');
    src:    url('webfonts/311E09_6_0.eot?#iefix') format('embedded-opentype'),
            url('webfonts/311E09_6_0.woff2') format('woff2'),
            url('webfonts/311E09_6_0.woff') format('woff'),
            url('webfonts/311E09_6_0.ttf') format('truetype');
}

/* mob */
@media only screen and (max-width: 770px) {
    main {
        width: 80%;
        margin: auto;
    }

    h1 {
        font-size: 2.25rem;
    }
    .logo {
    margin:auto;
    width: 80%;
    padding: 2rem;

}

}
@media only screen and (min-device-width: 770px) and (max-device-width: 2000px){
    main {
        margin: auto;
        width: 50%;
    }

    h1 {
        font-size: 4.5rem;
    }
    .logo {
    margin:auto;
    width: 80%;
    padding: 2rem;

}

}
/* big screen */
@media only screen and (min-device-width:2000px) {
    main {
        margin: auto;
        width: 30%;
    }

    h1 {
        font-size: 4.5rem;
    }
    .logo {
    margin:auto;
    width: 50%;
    padding: 2rem;

}
}

body {
    font-family: "ITCFranklinGothicStd-Book", Helvetica, Arial, sans-serif;
    margin: 0;
}

section {
    margin: 5rem 0;
}

hr {
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    clear: both;
    height: 0;
    margin: 1.25rem auto;
    max-width: 77.5rem;
}

h1 {
    font-family: "FranklinGothicBT-ExtraCondensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 95%;
    margin-bottom: 1.5rem;
    max-width: 36rem;
    text-transform: uppercase;
}

h2 {
    font-size: 1.5rem;
    padding-top: 0.375rem;
    margin-bottom: 0.5rem;
}
h3{
    margin: 0.8rem 0;
}
p{
    font-size: 1.125rem;
    margin: 0;
}
a {
    color: black;
}
.text{
    margin: 0;
    margin-bottom: 1.5rem;
    max-width: 36rem;
}
.container {
    margin: 0;
    margin-bottom: 1.8rem;
    max-width: 36rem;
}
.ingress {
    font-size: 1.5rem;
    line-height: 1.167;
    margin: 1.5rem 0 2rem 0;
    max-width: 36rem;
}

.sido {
    background-color: black;
}

.logo-text {
    color: #fff;
    font-family: "FranklinGothicBT-ExtraCondensed", Helvetica, Arial, sans-serif;
    font-size: 1.375rem;
    display: inline-block;
    line-height: 1.25rem;
    margin-left: 0.5rem;
    text-transform: uppercase;
    top: -0.938rem;
    position: relative;
    width: 7.5rem;
}