/* ==========================================================================

   General styles

   ========================================================================== */



html,

button,

input,

select,

textarea {

    font-family: 'Open Sans', sans-serif;

    color: #323232;

}

body {

    font-size: .9em; /* 14px */

    line-height: 1.4;

    background: #2e2828;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



a {

    color: #ad1a1e;

    text-decoration: none;

}

a:hover {

    text-decoration: underline;

}

a.more {

    background: url(../img/ico-02.png) no-repeat 100%;

    padding-right: 12px;

}


hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



h1,

h1 a {

    font-weight: 400;

    font-size: 2.1em;

    font-family: 'Habibi', serif;

    color: #ad1a1e;

}

h1 {

    margin: 0 0 .2em;

}

h2,

h2 a {

    font-weight: 400;

    font-size: 1.1em;

    color: #8d8d8d;

}

h2 {

    margin: 0 0 1em;

}

h3,

h3 a {

    font-weight: 400;

    font-size: 1.5em;

    font-family: 'Habibi', serif;

    color: #383838;

}

h4,

h4 a {

    font-weight: 400;

    font-size: 1.4em;

    font-family: 'Habibi', serif;

    color: #383838;

}

h5,

h5 a {

    font-weight: 400;

    font-size: 1.25em;

    font-family: 'Habibi', serif;

    color: #383838;

}

.titleh5 {

	font-weight: 400;

    font-size: 1.15em;

    font-family: 'Habibi', serif;

    color: #383838;

}

h6,

h6 a {

    font-weight: 400;

    font-size: 1.1em;

    color: #383838;

}

h3,

h4,

h5,

h6 {

    margin: 0 0 .4em;

}



/* ==========================================================================

   Layout styles

   ========================================================================== */



#wrapper {

    background: #fff url(../img/bg.png) repeat-x 0 0;

    margin: 42px 0 0;

}

#wrapper header,

#wrapper #content {

    max-width: 980px;

    padding: 0 20px;

    margin: 0 auto 0;

    overflow: hidden;

    clear: both;

}

#wrapper #content {

    padding: 0 10px;

    margin-top: -45px;

}

#wrapper #content .inner {

    background: #fff;

    padding: 0 10px;

    overflow: hidden;

}



header {

    background: url(../img/bg-header.png) no-repeat -20px 0;

}



header a {

    color: #c19b56;

}



header h1.logo {

    font: 1px sans-serif;

    text-indent: -99999px;

    width: 100%;

    height: 81px;

    background: url(../img/logo_sm.png) no-repeat 0 0;

    margin: 0 0 46px 0;

    float: left;

}

header h1.logo a {

    width: 100%;

    height: 81px;

    display: block;

}



header > div {

    font-size: .8em; /* 12px */

    padding: 0 20px;

    margin: 32px 0 2em;

    float: right;

    display: none;

}



header .links {

    list-style: none;

    padding: 0;

    margin: 0 0 1.4em;

    float: right;

}

header .links li:first-child { border: none; }

header .links li {

    border-left: 1px solid #cecece;

    padding: 0 0 0 8px;

    margin: 0 8px 0 0;

    float: left;

}



header #search {

    text-align: right;

    float: right;

    clear: both;

    position: relative;

}

header #search input {

    outline: none;

}

header #search input.q {

    font-size: 1.1em;

    width: 210px;

    background: #fff;

    border: 1px solid #dbdbd9;

    padding: 6px 50px 6px .8em;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px; /* future proofing */

    -khtml-border-radius: 6px; /* for old Konqueror browsers */

}

header #search input.submit {

    width: 40px;

    height: 32px;

    font: 1px sans-serif;

    text-indent: -99999px;

    background: url(../img/icons.png) no-repeat 10px -96px;

    border: none;

    position: absolute;

    top: 0; right: 0;

}

header #search p {

    margin: .3em 0 1em;

}

header #search a {

    background: url(../img/ico-01.png) no-repeat 100% 3px;

    padding-right: 12px;

}



header .menu {

    font-size: 1.25em;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

    width: 100%;

    min-height: 42px;

    background: #413a3a;

    position: absolute;

    top: 0; left: 0;

}



header .toggle-menu {

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    background: url(../img/bg-ddl.png) no-repeat 75px center;

    padding: 11px 32px 11px 14px;

    float: right;

}



header .menu .hover ul { display:block; }

header .menu ul {

    width: 100%;

    padding: 0;

    margin: 0;

    overflow: hidden;

    display: none;

}

header .menu ul li {

    color: #413a3a;

    width: 100%;

    background: #e2e1df;

    float: left;

}

header .menu ul li strong {

    font-weight: 400;

}

header .menu ul li a:hover { color:#fff; background:#ad1a1e; }

header .menu ul li a {

    color: #413a3a;

    text-decoration: none;

    border-top: 1px solid #fff;

    padding: .6em 1em;

    display: block;

}

header .menu ul li li a {

    background: #ececeb;

}

header .menu ul li li li a {

    font-size: .85em;

    background: #f9f9f9;

    padding: .8em 1.2em;

}



#content p {

    margin: 0 0 1em;

}



.row {

    padding: 1em 0;

}



.quick-links {

    margin: 0 0 1em;

}

.quick-links h3 {

    color: #ad1a1e;

    text-transform: uppercase;

    background: #e2e1df;

    padding: 10px 13px;

    margin: 0 0 1px;

}

.quick-links h3 span {

    font-size: .8em;

    color: #898783;

}

.quick-links ul {

    list-style: none;

    padding: 0;

    margin: 0;

    overflow: hidden;

}

.quick-links > ul > li {

    border-bottom: 3px solid #d7d3cb;

    margin: 0 0 4px;

    display: block;

}

.quick-links ul ul li {

    background: #ececeb;

    margin: 0 0 2px;

}

.quick-links ul ul li a:hover { color: #fff; background: #ad1a1e; }

.quick-links ul ul li a {

    color: #2e2828;

    text-decoration: none;

    background: #ececeb;

    padding: 10px 13px;

    display: block;

}



.slideshow {

    background: #ececeb;

    margin: 0 0 1em;

    position: relative;

}

.slideshow .slides {

    list-style: none;

    padding: 0;

    margin: 0;

    position: relative;

}

.slideshow .slides li {

    background: #ececeb;

    padding: 3%;

    position: absolute;

    top: 0; left: 0;

}

.slideshow .slides li .media {

    width: 106%;

    margin: -3% 0 5px -3%; /*margin: -3% 0 30px -3%;*/

}

.slideshow .switcher {

    list-style: none;

    padding: 3%;

    margin: 0;

    overflow: hidden;

    position: absolute;

    bottom: 0; left: 0;

}

.slideshow .switcher li {

    margin: 0 5px 5px 0;

    float: left;

}

.slideshow .switcher li.active a { background: #ae1b2e; }

.slideshow .switcher li a {

    font: 1px sans-serif;

    text-indent: -99999px;

    width: 12px;

    height: 12px;

    background: #cccac6;

    display: block;

}



.news h3 {

    padding-left: 4%;

}

.news ul {

    font-size: .9em; /* 13px */

    list-style: none;

    padding: 0;

    margin: 0;

}

.news li:last-child { background: none; }

.news li.last { background: none; } /* IE Fix */

.news li {

    background: url(../img/dot.png) repeat-x 0 100%;

    padding: .5em 4% 1em;

    display: block;

}

.news a {

    color: #525250;

    background: url(../img/ico-03.png) no-repeat 100%;

    padding-right: 12px;

}

.news .more a {

    color: #957945;

    background: url(../img/ico-02.png) no-repeat 100%;

    padding-right: 12px;

}



.col3 > div {

    padding: 0 3%;

    margin: 0 0 2em 0;

}

div.news {

    padding: 0;

}



.content-blocks {

    width: 100%;

    background: #f8f8f8;

    list-style: none;

    padding: 2em 20px 0;

    margin: 0 0 0 -20px;

    overflow: hidden;

}

.content-blocks li {

    width: 100%;

    padding: 0 2%;

    margin: 0 0 2em;

    float: left;

}

.content-blocks p {

    font-size: .9em; /* 13px */

}



#content .banner {

    width: 92%;

    background: #a3a2a1;

    margin: 4px 0 2em;

    padding: 1.4em 4%;

    float: left;

}

#content .banner .seal {

    margin: 0 14px 0 0;

    float: left;

}

#content .banner h2 {

    font-size: 2.5em;

    font-family: 'Habibi', serif;

    color: #fff;

    margin: .3em 0 0;

}

#content .banner h3 {

    font-size: 1.1em;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

    color: #fff;

    

    /*transparency*/

    zoom: 1;

	filter: alpha(opacity=64);

	opacity: 0.64;

}

#content .banner .contact {

    font-weight: 600;

    font-size: .8em;

    color: #fff;

    text-transform: uppercase;

    list-style: none;

    min-width: 200px;

    padding: 0px;

    margin: 0px 0px 2em;

    

    /*transparency*/

    zoom: 1;

	filter: alpha(opacity=70);

	opacity: 0.7;

}

#content .banner .contact li:last-child { border: none; }

#content .banner .contact li.last { border: none; } /* IE Fix */

#content .banner .contact li {

    border-bottom: 1px solid #bbb;

    padding: 0 15px 3px 2px;

    margin: 0 0 4px;

}



.top-bar .share {

    margin: 0px;

}

.share {

    list-style: none;

    padding: 0px;

    margin: 0px;

    float: right;

}

.share li {

    float: left;

}

.share li.title {

    font-size: .75em;

    color: #818181;

    text-transform: uppercase;

    padding: 1px 5px 0 0;

}



.article {

    width: 100%;

    margin-bottom: 2em;

}



.article h1 {

    margin-top: 1.2em;

}



.article h3,

.article h4,

.article h5,

.article h6 {

    margin: 1.6em 0 .4em;

}



.article li {

    margin-bottom: .5em;

}



.article .top-bar {

    width: 100%;

    border-bottom: 1px solid #e9e7e4;

    padding: 1em 2%;

    margin: 0 0 0 -2%;

}



.article .breadcrumbs {

    font-size: .9em;

    color: #575757;

    list-style: none;

    padding: 0;

    margin: 0;

}

.article .breadcrumbs li {

    background: url(../img/ico-01.png) no-repeat 100%;

    padding: 0 16px 0 0;

    margin: 0 2px 0 0;

    display: inline;

}

.article .breadcrumbs li:last-child {

    color: #ad1a1e;

    background: none;

}

.article .breadcrumbs li.last { /* IE Fix */

    color: #ad1a1e;

    background: none;

}

.article .breadcrumbs li:last-child a { color: #ad1a1e; }

.article .breadcrumbs li.last a { color: #ad1a1e; } /* IE Fix */

.article .breadcrumbs a:hover { color: #ad1a1e; }

.article .breadcrumbs a {

    color: #575757;

}



.article .box {

    width: 100%;

    border-bottom: 2px solid #d7d3cb;

    margin: 1em 0 2em;

    float: right;

}

.article .box .title {

    color: #2e281c;

    font-size: .8em;

    text-transform: uppercase;

    text-align: center;

    background: #e2e1df;

    padding: 1em 1em;

    margin: 0;

    display: block;

}

.article .box div {

    font-size: .9em;

    background: url(../img/bg-box.png) repeat-x 0 0;

    padding: 1em 1em .3em;

}

.article .box div a,

.article .box div a.more {

    color: #957945;

}



.article .img-caption {

    font-size: .8em;

    color: #616161;

    background: #ececeb;

    border: 1px solid #e3e3e3;

    padding: 8px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px; /* future proofing */

    -khtml-border-radius: 3px; /* for old Konqueror browsers */

}

#content .article .img-caption p {

    margin: 1em 0 .5em;

}



.sidebar {

    width: 100%;

    padding: 2px 0 2em;

}



.sidebar .menu {

    margin: 0 0 2em;

}

.sidebar .menu .title {

    background: #e2e1df;

    margin: 0 0 2px;

    padding: 10px 24px;

    overflow: hidden;

}

.sidebar .menu .title small {

    font-size: .75em;

    color: #413a3a;

    text-transform: uppercase;

    display: block;

}

.sidebar .menu .title h6 a {

    color: #ad1a1e;

    text-decoration: none;

    display: block;

}

.sidebar .menu > ul {

    font-size: .9em;

    border-bottom: 3px solid #d7d3cb;

    padding: 0;

    margin: 0;

}

.sidebar .menu > ul > li {

    background: #ececeb;

    margin: 0 0 2px;

    overflow: hidden;

}

.sidebar .menu > ul > li > a:hover { color: #fff; background: #ad1a1e; }

.sidebar .menu > ul > li > a {

    color: #2e2828;

    text-decoration: none;

    background: #ececeb;

    padding: 10px 24px;

    display: block;

}

.sidebar .menu > ul > li.active {

    background: #f3f3f2;

}

.sidebar .menu > ul > li.active > a:hover { color: #ad1a1e; }

.sidebar .menu > ul > li.active > a {

    font-weight: 600;

    background: #f3f3f2;

}

.sidebar .menu ul li.active ul { display: block; }

.sidebar .menu ul li ul {

    padding: 0 24px;

    margin: .3em 0 1.1em;

    display: none;

}

.sidebar .menu ul li li {

    margin: 0 0 .4em;

}

.sidebar .menu ul li li a {

    color: #957945;

    background: url(../img/ico-01.png) no-repeat 0;

    padding-left: 12px;

}

.sidebar .menu ul li li.active a {

    color: #ad1a1e;

    background-image: url(../img/ico-03.png);

}

.sidebar .menu ul ul ul {

    display: none;

}



.sidebar .block:last-child { border: none; }

.sidebar .block.last { border: none; } /* IE Fix */

.sidebar .block {

    font-size: .9em;

    border-bottom: 1px solid #d7d3cb;

    padding: 1.5em 24px;

    margin: 0 0 .8em;

}

.sidebar .block h6 {

    font-size: 1.2em;

    margin-bottom: 1em;

}



footer {

    font-size: .9em; /* 13px */

    color: #ccc;

    max-width: 940px;

    padding: 0 20px 1.2em;

    margin: 0 auto;

    overflow: hidden;

}



footer a {

    color: #c19b56;

}



footer .menu {

    margin: 2.6em 0 .6em;

    overflow: hidden;

}

footer .menu a {

    color: #ccc;

}

footer .menu ul {

    padding: 0;

    margin: 0;

    overflow: hidden;

}

footer .menu > ul > li:last-child { margin: 0; }

footer .menu > ul > li.last { margin: 0; } /* IE Fix */

footer .menu > ul > li {

    width: 100%;

    margin: 0;

    float: left;

}

footer .menu > ul > li > a {

    font-size: 1.15em;

    color: #e6e5e5;

    margin: 0 0 .5em;

    display: inline-block;

}

footer .menu ul li ul {

    margin: 0 0 1.4em;

}

footer .menu ul li li {

    margin: 0 0 .6em;

}



footer div {

    font-size: .9em; /* 12px */

    text-align: center;

    border-top: 1px solid #53514d;

    padding: 0 2%;

    overflow: hidden;

}



footer div .links {

    list-style: none;

    padding: 0;

}

footer div .links li:first-child { border: none; padding-left: 0; }

footer div .links li {

    list-style: none;

    border-left: 1px solid #4e4946;

    padding: 0 0 0 8px;

    margin: 0 8px 0 0;

    display: inline;

}



footer div .social {

    width: 94px;

    list-style: none;

    padding: 0;

    margin: 2em auto;

    overflow: hidden;

}

footer div .social li {

    margin: 0 0 0 6px;

    float: left;

}

footer div .social li a {

    font: 1px sans-serif;

    text-indent: -99999px;

    width: 25px;

    height: 25px;

    background: url(../img/icons.png) no-repeat 0 0;

    display: block;

}

footer div .social li.tw a {

    background-position: 0 0;

}

footer div .social li.fb a {

    background-position: 0 -27px;

}

footer div .social li.rss a {

    background-position: 0 -54px;

}





/* ==========================================================================

   Media Queries

   ========================================================================== */



@media only screen and (min-width: 35em) {



    #wrapper {

        min-width: 1020px;

        margin: 0;

    }

    

    #wrapper header {

        overflow: visible;

    }

    #wrapper #content {

        padding: 0 20px;

    }

    #wrapper #content .inner {

        padding: 0;

    }

    

    header h1.logo {

        font: 1px sans-serif;

        text-indent: -99999px;

        width: 476px;

        height: 110px;

        background: url(../img/logo.png) no-repeat 0 0;

        margin: 0 0 46px 0;

    }

    header h1.logo a {

        height: 110px;

    }

    

    header > div {

        display: block;

    }

    

    header .menu {

        height: 50px;

        clear: both;

        position: relative;

    }

    

    header .toggle-menu {

        display: none;

    }

    

    header .menu ul {

        width: auto;

        display: block;

        position: relative;

        overflow: visible;

    }

    header .menu ul li {

        color: inherit;

        background: transparent;

        float: none;

    }

    header .menu > ul {

        padding: 0 20px;

    }

    header .menu > ul > li {

        font-family: 'Habibi', serif;

        color: #fff;

        width: auto;

        margin: 0 10px 0 0;

        float: left;

    }

    header .menu ul li strong {

        font-weight: 600;

    }

    header .menu ul li a:hover {

        color: #B38B42;

        text-decoration: underline;

        background: transparent;

    }

    header .menu ul li a,

    header .menu ul li li a,

    header .menu ul li li li a {

        font-size: inherit;

        color: #B38B42;

        background: transparent;

        border: none;

        padding: 0;

        display: inline;

    }

    header .menu > ul > li:hover > a,

    header .menu > ul > li.active:hover > a {

        color: #413a3a;

        text-decoration: none;

        background: #fff;

        border-top: 2px solid #b92222;

        position: relative;

        z-index: 6;

    }

    header .menu > ul > li.active > a {

        background: #5a4e46;

    }

    header .menu > ul > li > a {

        color: #fff;

        border-top: 2px solid #413a3a;

        padding: .6em 1.4em;

        display: block;

    }

    

    /* drop-down */

    header .menu .ddl > a {

        padding-right: .8em;

    }

    header .menu .ddl > a > span {

        background: url(../img/bg-ddl.png) no-repeat 100% center;

        padding-right: 16px;

    }

    header .menu > ul > li:hover ul { display: block; }

    header .menu > ul > li > ul {

        font-size: .7em;

        font-family: 'Open Sans', sans-serif;

        width: 96%;

        background: #fff;

        border-bottom: 2px solid #b92222;

        padding: 1.7%;

        position: absolute;

        top: 46px; left: 0.3%;

        z-index: 5;

        display: none;

        -moz-box-shadow: 0 1px 24px -4px #656565;

        -webkit-box-shadow: 0 1px 24px -4px #656565;

        box-shadow: 0 1px 24px -4px #656565;

    }

    header .menu > ul > li > ul > li {

        width: 25%;

        float: left;

    }

    header .menu > ul > li > ul > li strong,

    header .menu > ul > li > ul > li strong a,

    header .menu > ul > li > ul > li strong a:hover {

        color: #ad1a1e;

        text-transform: uppercase;

    }

    header .menu > ul > li > ul > li strong {

        font-weight: 400;

        margin: 0 0 .5em;

        display: block;

    }

    header .menu > ul > li > ul > li ul {

        margin: 0 0 1em;

        display: block;

    }

    header .menu > ul > li > ul > li ul li {

        margin: 0 0 .3em;

        display: block;

    }

    

    #wrapper #content {

        margin-top: 0;

    }

    

    .home #wrapper #content {

        padding-top: 20px;

    }

    

    .row {

        padding: 1em 20px;

        overflow: hidden;

    }

    

    .quick-links {

        width: 49%;

        float: left;

    }

    .quick-links > ul > li {

        width: 46%;

        margin-right: 4%;

        float: left;

    }

    

    .slideshow {

        width: 51%;

        float: right;

    }

    

    .col3 > div {

        width: 30%;

        padding: 0 1%;

        margin: 0 1% 0 0;

        float: left;

    }

    

    div.news {

        padding: 0 2% 0 0;

    }

    

    .news h3 {

        padding-left: 6%;

    }

    .news li {

        padding: .5em 6% 1em;

    }

    

    .content-blocks {

        background: transparent;

        padding: 0;

        margin: 0;

    }

    .content-blocks li:last-child { background: none; }

    .content-blocks li:nth-child(4n+4) { background: none; }

    .content-blocks li.last { background: none; } /* IE Fix */

    .content-blocks li {

        width: 21%;

        background: url(../img/dot.png) repeat-y 100% 0;

        padding: .3em 2% 0;

    }

    

    #content .banner {

        width: 96%;

        padding: 2em 2%;

        margin: 5px 0 0;

    }

    #content .banner .seal {

        float: left;

    }

    #content .banner .contact {

        margin: 10px 0px 0px;

        float: right;

    }



    .share {

        margin: 3em 0 0;

    }



    .article {

        width: 70%;

        padding: 0 3%;

        float: right;

    }

    

    .article .box {

        width: 33%;

    }

    

    .sidebar {

        width: 24%;

        float: left;

    }

    

    .sidebar .menu .title {

        margin-left: 2px;

    }

    .sidebar .menu > ul {

        margin-left: 2px;

    }

    

    footer {

        min-width: 940px;

        padding: 0 40px 1.2em;

    }

    

    footer .menu {

        background: url(../img/bg-footer.png) no-repeat center;

        padding: 0 2%;

    }

    

    footer .menu > ul > li {

        width: 17.5%;

        margin: 0 3% 0 0;

    }

    

    footer div {

        text-align: left;

    }

    

    footer div p {

        padding-right: 12px;

    }

    footer div p,

    footer div .links {

        margin: 1.3em 0 1em;

        float: left;

    }

    footer div .links li {

        float: left;

    }

    

    footer div .social {

        width: auto;

        margin: 1em 0;

        float: right;

    }

}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

       only screen and (min-resolution: 144dpi) {



}



/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 100%;

}



.hidden {

    display: none !important;

    visibility: hidden;

}



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



.invisible {

    visibility: hidden;

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



.alignright {

    float: right;

    clear: right;

    margin-bottom: 1em;

    margin-left: 2em !important; 

}

.alignleft {

    float: left;

    clear: left;

    margin-bottom: 1em;

    margin-right: 2em !important; 

}



/* ==========================================================================

   Print styles

   ========================================================================== */



@media print {

    * {

        background: transparent !important; 

        color: #000 !important;  /* Black prints faster: h5bp.com/s */

        box-shadow:none !important;

        text-shadow: none !important; 

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important; 

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }



    /*

     * Hide these content blocks from print

     */



    header,

    .menu,

    footer .links,

    footer .social,

    .sidebar,

    .article .top-bar,

    .article .share,

    .article .box {

        display: none !important; 

    }

}