body {
    letter-spacing: 0.5px !important;
}
.blog- h3 {
    margin: 0 0 5px;
    padding: 0 30px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid #333;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
    white-space: normal;
}
.blog- small {
    margin: 0 0 20px;
    display: block;
    color: #444;
    font-size: 20px;
    text-transform: uppercase;
}
.page-blog h3 {
    margin: 30px 0 5px;
    padding: 0 30px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid #333;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word;
    white-space: normal;
}
.page-blog small {
    margin: 0 0 20px;
    display: block;
    color: #444;
    font-size: 20px;
    text-transform: uppercase;
}
/*html body * {
    letter-spacing: 1px;
}*/

html body .header * {
    letter-spacing: 2px!important;
}
@media screen and (max-width: 767px) {
    .header .mobile-menu .toggle-menu .icon-bar {
        width: 34px;
        height: 4px;
    }
    .header .mobile-menu {
        text-align: center;
    }
    .header .mobile-menu .logo {
        padding: 0px!important;
    }
    .header .mobile-menu .toggle-menu.left {
        float: left!important;
    }
    .header .mobile-menu .toggle-menu.right {
        float: right!important;
        height: 33px;
        position: relative;
        top: -10px;
    }
    .header .mobile-menu .logo img {
        height: 100px;
        max-height: 39px;
    }
    .progressive-menu .-menu .-logo img {
        height: 70px;
        max-height: 70px;
    }
}