@font-face {
    font-family: 'Lato-Regular';
    src: url('Fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('Fonts/Lato-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'allycons';
    src: url('Fonts/allyconsTTF.ttf') format('truetype');
}

.icon-ally:before {
    content: "\e601";
}

[class*=" icon-"], [class^=icon-] {
    font-family: 'allycons' !important;
    font-size: 12px;
    speak: none;
    margin-right: 7px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header .logo-img {
    margin-top: 18px;
    left: auto;
    position: absolute;
}

    header .logo-img i {
        font-size: 28px;
        color: #FFF;
    }

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Lato-Regular";
    line-height: 1.5em;
    color: #2a2a2a;
    font-size: 36px;
    background-color: #F2F2F2;
}

header {
    width: 100%;
    z-index: 9999;
    background-color: #65035E;
    color: #FFF;
    height: 60px;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); */
}

    header .container {
        width: 93%;
    }

.contentheader {
    margin: 35px auto;
    width: 195px;
}

.container {
    line-height: 1.5em;
    font-size: 18px;
    margin-top: 70px;
    width: 400px;
    margin: 0 auto;
}

h3 {
    color: #65035E;
    font-family: "Lato-Bold";
    font-size: 20px;
    margin: 0;
}


@media (min-width: 768px) {

    .container {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .container {
        font-size: 14px;
    }
}

@media (min-width: 1255px) {
    header .container {
        max-width: 1116px;
        width: 100%;
    }
}