/*

Tablets Portrait

*/

@media (min-width:568px) and (max-width:960px) {
    #lang {
        position:absolute;
    }
    #brand {
        text-align:center;
        width:100%;
    }
    #brand ul li.site-title {
         display:inline-block;
         margin:38px 0 0 0;
    }
    #brand ul li.menu-button {
        margin:38px 0 0 38px;
        position:absolute;
        display:block;
    }
    .menu-container {
        -webkit-transform:translateX(-360px);
        -moz-transform:translateX(-360px);
        -ms-transform:translateX(-360px);
        -o-transform:translateX(-360px);
        transform:translateX(-360px);
    }
    main {
        margin:82px 0 79px 107px;
    }
    article.post .page-content img:not(.img-logo):not(.attachment-post-thumbnail){
        height: auto;
        padding: 0;
        display: block;
        margin: 38px auto 0 auto;
        width: 100%;
    }
}

/*

Phones

*/
@media (min-width:320px) and (max-width:568px) {
    body, h1, h2, h3, h4, p, input, button {
         font-family:'Cardo', 'Century Schoolbook', 'Times New Roman', 'Times', serif;
        -webkit-font-smoothing:antialiased;
         /* font-smoothing:antialiased;*/
         font-size:19px;
         line-height:24px;
    }
    p{
        margin:24px 0;
    }
    #lang {
        position:absolute;
        margin:24px 24px 0 0;
    }
    #brand {
        top:12px;
        text-align:center;
        width:100%;
    }
    #brand ul li.site-title {
        display:inline-block;
        margin:24px 0 0 0;
    }
    #brand ul li.menu-button {
        margin:24px 0 0 24px;
        position:absolute;
        display:block;
    }
    ul {
        margin:24px 0 24px 0;
        padding:0;
        list-style:none;
    }
    ul li {
        margin:24px 0 24px 0;
        list-style:none;
        padding:0 0 0 22px;
        text-indent:-22px;
    }
    ul li:before {
        content:"·";
        font-size:32px;
        line-height:.77;
        margin-right:12px;
        vertical-align:bottom;
    }
    .menu-container {
       -webkit-transform:translateX(-300px);
       -moz-transform:translateX(-300px);
       -ms-transform:translateX(-300px);
       -o-transform:translateX(-300px);
        transform:translateX(-300px);
        margin-left:-10px;
    }
    .menu-container ul.main-nav {
        margin-top:120px;
        width: 220px;
    }
    main {
        margin:96px 0 48px 68px;
    }
    section#content {
        padding:0 7% 36px 0;
    }
    section#content .bracket {
        width:24px;
        margin:-12px 0 0 -40px;
        border-top:12px solid #000;
        border-bottom:12px solid #000;
        border-left:12px solid #000;
    }
    article.post {
        top:24px;
        min-width: 0
    }
    article.post .page-content img:not(.img-logo):not(.attachment-post-thumbnail){
        height: auto;
        padding: 0;
        display: block;
        margin: 24px auto 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .page-content {
        margin-top:24px;
        margin-left:0;
    }
    .page-content+p {
        margin-top:0;
    }
    .page-content+h1 {
        margin-top:0;
    }
    .page-content+h2 {
        margin-top:0;
    }
    .updates {
        margin-top:-6px;
        margin-bottom:72px;
        padding-bottom:24px;
        padding-left:0;
        position:relative;
    }
    .updates:last-child {
        margin-bottom:-24px;
    }
    .updates .bracket {
        width:36px;
        margin:-24px 0 0 -40px;
        border-top:10px solid #000;
        border-bottom:10px solid #000;
        border-left:10px solid #000;
    }
    ul.social {
        margin:0 0 0 24px;
    }
    ul.social li {
        display:block;
        margin:0;
    }
    ul.social input#mce-EMAIL.required.email {
        width:300px !important;
    }
    footer {
        position:static;
    }
    .menu-container {
        max-width:110px;
    }

    /* page styles */
    section#content .bracket.bracket-inside{
        margin: -36px 0 11px -40px;
    }
    .page-template-news-php main, .page-template-events-php main{
        margin:102px 0 48px 68px;
    }

}