/* @font-face {
    font-family: 'RaphaelIcons';
    src: url('raphaelicons-webfont.eot');
    src: local('☺'), url('fonts/raphaelicons-webfont.woff') format('woff'), url('fonts/raphaelicons-webfont.ttf') format('truetype'), url('fonts/raphaelicons-webfont.svgwebfontKOf9F4sx') format('svg');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?rdmj58');
    src: url('fonts/icomoon.eot?rdmj58#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?rdmj58') format('truetype'), url('fonts/icomoon.woff?rdmj58') format('woff'), url('fonts/icomoon.svg?rdmj58#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

body,
.st-container,
.st-panel p {
    font-family: 'Aldrich', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

.icon-home:before {
    content: "\f015";
}

.icon-book:before {
    content: "\f02d";
}

.icon-info-circle:before {
    content: "\f05a";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-users:before {
    content: "\f0c0";
}

.icon-truck:before {
    content: "\f0d1";
}

.st-panel h2 {
    font-size: 370%;
}

.st-panel p {
    line-height: 2rem;
    font-weight: 400;
}

#st-panel-1 p span {
    font-size: 200%;
}

.st-container>input,
.st-container>a {
    width: 16.66%;
    font-size: 100%;
    font-weight: 700;
    font-variant: small-caps;
}


/* [data-icon]:after {
    font-family: 'RaphaelIcons';
    color: #fff;
    text-shadow: 1px 1px 1px rgba(151, 24, 64, 0.2);
} */

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    color: white;
    font-style: normal;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(151, 24, 64, 0.2);
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 732px) {
    .st-panel h2 {
        font-size: 200%;
    }
    .st-panel p {
        font-size: 80%;
        text-align: center;
    }
    #st-panel-1 p span {
        font-size: 90%;
    }
    .st-container>input,
    .st-container>a {
        font-size: 80%;
    }
}

@media screen and (max-width: 732px) {
    .st-panel h2 {
        font-size: 190%;
    }
    .st-panel p {
        font-size: 50%;
        text-align: center;
        line-height: 130% !important;
    }
    #st-panel-1 p span {
        font-size: 180%;
    }
    .st-container>input,
    .st-container>a {
        font-size: 50%;
    }
}

@media screen and (max-width: 512px) {
    .st-panel h2 {
        font-size: 180%;
    }
    .st-panel p {
        font-size: 50%;
        text-align: center;
        line-height: 180% !important;
    }
    #st-panel-1 p span {
        font-size: 200%;
        line-height: 200%;
    }
    .st-container>input,
    .st-container>a {
        font-size: 50%;
    }
}

@media screen and (max-width: 361px) {
    .st-panel h2 {
        font-size: 180%;
    }
    .st-panel p {
        font-size: 50%;
        text-align: center;
        line-height: 180% !important;
    }
    #st-panel-1 p span {
        font-size: 200%;
        line-height: 200%;
    }
    .st-container>input,
    .st-container>a {
        font-size: 50%;
    }
}