@charset "UTF-8";
/* EXPANSAO */


html, body {
    font-family: Georgia,serif;
}


body {
    font-family: Georgia,serif;
}


h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    font-family: Georgia,serif;
    font-weight: 600;
}

p {
    text-rendering: optimizeLegibility;
    font-size: 1.1rem;
    line-height: 1.4;
}



::selection {
    color: #FFF;
    background: #282725;
}


.nopadding {
    padding: 0px;
}

.nomargin {
    margin: 0rem;
}

.nopadmar {
    padding: 0px;
    margin: 0px;
}

.no-pad-right {
    padding-right: 0px;
}

.no-pad-left {
    padding-left: 0px;
}


.logo {
    float: left;
}

div .column-rule-two {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

div .column-rule-three {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

#manchete section.home article.artic-small {
    float: right;
    clear: right
}

.forceClearRight {
    clear: right;
}

.forceClearLeft {
    clear: left;
}

#topnav {
    width: 100%;
    background: #2e373b;
    color: #fff;
    height: 1.7rem;
    padding-top: 0.2rem;
}

.top-bar {
    /*background: rgb(169,3,41); /* Old browsers
	background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+
	background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+
	background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ 
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);*/
    padding-bottom: 10px;
    background: transparent;
    width: 100%;
}

    .top-bar .name {
        height: 35px;
    }

nav ul li {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

    nav ul li a:link, nav ul li a:visited {
        display: inline;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.9em;
        padding: 0 0.4em;
    }

    nav ul li a:hover, a:active {
        color: #000;
    }

.top-bar {
    line-height: 2rem;
    height: 35px;
}

    .top-bar input, .top-bar .button {
        top: 0px;
        font-size: 0.775rem;
        height: 1.6rem;
        font-family: Georgia,serif;
    }

.top-bar-section li, .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0px 4px;
}

.top-bar form {
    padding-top: 0.24rem;
}

.top-bar .button, .top-bar button {
    padding-top: 0px;
    line-height: 1.725rem;
}

.top-bar-section ul li, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent;
    line-height: 35px;
    padding: 0px 5px;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 35px;
    padding: 0 5px;
}

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: transparent;
    }

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: transparent;
}

.topsearch {
    float: right;
}

    .topsearch .postfix {
    }

/*GERAL*/

sub.pretit {
    text-transform: uppercase;
    color: #bc4e41;
    font-size: x-small;
    float: left;
    line-height: 1rem;
    width: 100%;
}

.sharelist {
    display: inline-block;
    width: 100%;
}

a.facebook {
    float: right;
    width: 24px;
    height: 23px;
    background-image: url(/Images/facebook.png);
}

    a.facebook:hover {
        background: url(/Images/facebookOver.png);
        display: block;
        width: 24px;
        height: 23px;
    }

.google {
    float: right;
    background-image: url(/Images/google.png);
    width: 24px;
    height: 23px;
    display: none;
}

a.google:hover {
    background: url(/Images/googleOver.png);
}

.twitter {
    float: right;
    background-image: url(/Images/twitterBtn.png);
    width: 24px;
    height: 23px;
}

a.twitter:hover {
    background: url(/Images/twitterOver.png);
}

.linkedin {
    background-image: url(/Images/linkedin.png);
    float: right;
    width: 24px;
    height: 23px;
}

a.linkedin:hover {
    background: url(/Images/linkedinOver.png);
}


.icon-bar a {
    FONT-FAMILY: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.6rem;
    color: #FFF;
    padding: 1rem;
}

/*HOMEPAGE*/

#header {
    background: #e8e6e2;
}


.social_bar_top i {
    color: #FFF;
    font-size: 1.3rem;
    padding: 5px;
}


a.toplink, a.toplink visited {
    color: #FFF;
    font-size: 0.7rem;
    text-transform: uppercase;
}


/*MANCHETE*/

.manchete h1 {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.1em;
}

.manchete {
    border-bottom: 1px solid #CCC;
    padding: 0.4rem 0rem;
    margin-bottom: 1rem;
}

    .manchete img {
        margin: 0.4rem 0px;
    }

    .manchete .ico {
        position: absolute;
        bottom: 0.5rem;
        right: 1rem;
    }

.white {
    color: #FFF;
}

.ico {
    position: absolute;
    bottom: 0;
    right: 0.5rem;
    padding: 0.5rem;
}

p.content a:link {
    color: #000;
}

/*SUBMANCHETE*/

.submanchete h1 {
    font-weight: 600;
    font-size: 1.2rem;
    margin: 0rem 0 0.1rem 0rem;
}

article.submanchete {
    /*float: left;*/
    position: relative;
}

    article.submanchete.artic-wide {
        border-bottom: 1px solid #E1E1E1;
        min-height: 15rem;
    }

    article.submanchete:last-child {
        border-bottom: 0px;
    }

    article.submanchete .autor, article#manchete .autor {
        font-size: 0.8rem;
        display: block;
    }

    article.submanchete img {
        padding-right: 5px;
        max-width: 100%;
        height: auto;
        margin-bottom: 0.4rem;
    }

    article.submanchete.middle2 img {
        max-width: 100%;
        width: auto;
        height: auto;
        float: none;
        display: block;
    }

.artic-wide h1, .artic-small h1 {
    font-size: 1.2rem;
}



.artic-wide p {
    font-size: 1rem;
}



.slidetop, .artic-small {
}

.slidetop {
    margin-top: 2rem;
    padding-left: 0.9rem;
}


.carousel li {
    margin: 1rem;
}

    .carousel li:first-child, .carousel li:last-child {
    }


/*SEARCH*/

/*search box*/

#searchjornal {
    margin-top: 2px;
    margin-right: 2px;
}

    #searchjornal input[type="text"] {
        background-color: #fcfcfc;
        background-repeat: no-repeat;
        background-position: 190px 5px;
        border: 1px solid #d1d1d1;
        color: #bebebe;
        padding: 2px px 2px 15px;
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
    }
/*   
 #searchjornal input[type="text"]:hover {
        padding-left: 20px;
        padding-right: 20px;
         background-position: 200px 5px;
    }
*/
/*white wrapper around site*/


/*Search result*/

.search h1 {
    font-size: 1.5rem;
}

.search {
    padding-bottom: 2rem;
}

.footer .postfix.button {
    background: #4D5355;
}

div#wrapperbody {
    background: #fff;
    width: 1125px;
    margin: 20px auto;
}

img a:link {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

img a:hover {
    opacity: 0.5;
}


/*Opiniao*/

#opiniao {
    background: #e8e6e2;
}

#opiniaoslider {
    text-align: left;
    overflow: hidden;
    height: 230px;
    position: relative;
    top: -7px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

    #opiniaoslider li {
        float: left;
        list-style: none;
    }

        #opiniaoslider li .titulo {
            height: 60px;
            padding: 2px;
            height: 75px;
            padding-left: 10px;
            font-size: 14px;
            line-height: initial;
        }

        #opiniaoslider li img {
            height: 140px;
            text-align: left;
        }

#opiniao h2 {
    padding: 10px;
    border-bottom: 1px solid #2e373b;
    color: #a61301;
    font-size: 1.6rem;
    font-weight: bold;
}

#opiniao img {
    text-align: left;
    margin-top: -10px;
}

#opiniao .nomeopi {
    background: #262626;
    color: #FFF;
    margin-top: 0px;
    font-size: 0.8rem;
}

#opiniao .nav {
    text-align: right;
    float: right;
    width: 200px;
    top: 10px;
    right: 5px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 0px
}

#multimedia {
}

    #multimedia h1 {
        font-size: 1.6rem;
        font-weight: 600;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        margin: 10px 0px;
    }

    #multimedia img {
        ax-width: 100%;
        width: auto;
        height: auto;
    }

/*CONTENT PAGE*/

#conteudo {
    margin-top: 20px;
}

    #conteudo h1 {
        font-size: 2.2rem;
        font-weight: bold;
        line-height: normal;
    }

    #conteudo .foto {
        width: 915px;
        max-width: 100%;
        height: auto;
    }

    #conteudo a {
        text-decoration: underline;
    }

        #conteudo a[href $='.pdf'] {
            background: url(../fotos/Common/pdf25.png) no-repeat left;
            padding-left: 20px;
        }


section.related {
    margin-left: 0rem;
    padding-left: 0rem;
}

.related article {
    padding: 0.5rem;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: bold;
    background: rgba(118, 118, 118, 0.07);
}

.related a {
}

    .related a:hover {
        color: #B42300;
    }

#fbspecial {
    background: #3E59A5;
    width: 100%;
    height: 29px;
    padding: 0px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0.3rem;
    font-family: Arial;
}

    #fbspecial a {
        text-decoration: none;
    }

        #fbspecial a:hover {
            background: #5872BC;
        }

#newsletter {
    height: 188px;
    float: left;
    width: 320px;
}

    #newsletter form {
        margin: 10px;
        margin-top: 0px;
        float: left;
        padding: 5px;
    }

        #newsletter form input {
            font-size: 14px;
        }

    #newsletter p {
        color: #FFF;
        padding-top: 80px;
        padding-left: 15px;
        padding-right: 10px;
    }


/*SHARE*/

#conteudo .share {
    display: flex;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    vertical-align: middle;
    font-weight: bold;
}

    #conteudo .share [class^="flaticon-"]:before {
        margin-left: 0px;
        margin-right: 0px;
    }

        #conteudo .share [class^="flaticon-"]:before a:link, #conteudo .share [class^="flaticon-"]:before a:hover, #conteudo .share [class^="flaticon-"]:before a:active {
            color: #FFF;
        }

    #conteudo .share .btnshare {
        margin: 0rem 0.5rem 0rem 0rem;
    }

        #conteudo .share .btnshare a:link, #conteudo .share .btnshare a:visited {
            color: #FFF;
        }

        #conteudo .share a.btnshare:link, #conteudo .share a.btnshare:visited, #conteudo .share .btnshare a:hover, #conteudo .share .btnshare a:focus {
            color: #FFF;
        }

        #conteudo .share a.btnshare:hover, #conteudo .share a.btnshare:active, #conteudo .share a.btnshare:hover, #conteudo .share .btnshare a:active, #conteudo .share .btnshare a:visited {
            color: #FFF;
        }

#conteudo .btnshare a:link {
    color: #FFF;
}

#conteudo .share a:hover, .share a:focus {
    color: #FFF;
}


#conteudo .btnshare a:hover, .btnshare a:focus {
    color: #FFF;
}

#conteudo .share a.btnshare.flaticon-*:link {
    color: red;
}

#conteudo .btnshare {
    padding: 0.5rem;
}

#conteudo .facebook {
    background: #325a97;
    color: #FFF;
}

#conteudo .twitter {
    background: #00aced;
    color: #FFF;
}

#conteudo .whatsapp {
    background: #34af23;
    color: #FFF;
}

#conteudo a.facebook:hover {
    background: #325a97;
}

#conteudo .btnshare .flaticon-facebook5, #conteudo .btnshare .flaticon-social19,, #conteudo .btnshare .flaticon-whatsapp {
    margin-right: 5px;
}

/*Newsletter*/

#newsletterinner {
    height: 188px;
    float: left;
    background-size: 100% 100%;
    width: 300px;
    margin-top: 10px;
}

    #newsletterinner form {
        margin: 10px;
        margin-top: 0px;
        float: left;
        padding: 5px;
    }

        #newsletterinner form input {
            font-size: 14px;
        }

    #newsletterinner p {
        color: #FFF;
        padding-top: 67px;
        padding-left: 15px;
        padding-right: 25px;
    }


    #newsletterinner form {
        margin: 10px;
        margin-top: 5px;
        float: left;
        padding-left: 5px;
    }

        #newsletterinner form input {
            font-size: 14px;
            float: left;
            margin-right: 10px;
        }

#newsletter a {
    float: right;
}

#newsletterinner input {
    padding: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 190px;
}

#newsletterinner .button {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #c80000;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}

    #newsletterinner .button:hover {
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        font-size: 14px;
        color: #fff;
        text-align: center;
        background: #333;
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }


#comentarios h3, #destaques h3 {
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    display: block;
    font-weight: bold;
    font-size: 1.2875rem;
}

#destaques ul {
    margin-bottom: 0px;
    list-style: none;
}

    #destaques ul li {
        line-height: 1.6em;
        list-style: none;
    }

        #destaques ul li i {
            margin-right: 5px;
        }

        #destaques ul li a:hover {
            text-decoration: underline;
        }



.pretext {
    margin-top: 10px;
}


/*CONTENT*/


.subheader {
    border-bottom: 1px solid #CCC;
    width: 100%;
    text-align: right;
    font-size: 12px;
}


#gplusing, #twitting, #fbing, #linkin {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    display: inline;
}

#linkin {
    margin-left: 3px;
}

#twitting {
    width: 82px;
    margin-left: 3px;
    margin-top: 3px;
}

#gplusing {
    width: 60px;
    margin-top: 3px;
}

.ultimastab {
    margin: 0.5rem 0rem;
}

.tabs-content article {
    border-bottom: 1px solid #DCDCDC;
}

.tabs {
    margin-top: 2rem;
}

.tabs-content h3 {
    font-size: 0.9rem;
    font-weight: 100;
}

.tabs-content article {
    margin: 0.2rem 0rem;
    display: block;
    float: left;
    width: 100%;
}

.tabs-content {
    position: relative;
}

    .tabs-content img {
        margin: 0.3rem 0rem;
    }

.tabfiltro .numb {
    font-weight: bold;
    font-size: 1.5rem;
}

.number {
    float: left;
    vertical-align: middle;
}

.date {
}




/*SOCIAL*/


/*TWITTER*/


.twtr-widget {
    float: left;
    width: 308px;
    margin: 10px 0 0 0px;
    padding: 0 0 15px;
    border: 1px solid #ccc;
    /*** cross browser box shadow ***/
    -moz-box-shadow: 0 0 2px #fff;
    -webkit-box-shadow: 0 0 2px #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=3);
    box-shadow: 0 0 2px #fff;
    /*** kind of cross browser rounded corner ***/
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.twtr-hd {
    /*** cross browser rgba ***/
    background-color: transparent;
    background-color: #025d8c;
    background-image: url(/Images/bgtwitter.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 308px;
    margin: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.twtr-doc {
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.twtr-widget h4 {
    color: #fff;
}

.twtr-bd {
}

.twtr-widget .twtr-bd .twtr-tweet {
    margin: 15px;
    margin-top: 5px;
    padding: 0 0 5px;
    border-bottom: 1px solid #cecece;
}

.twtr-tweet:before {
    display: block;
    float: left;
    margin: -5px 0 0 5px;
    font-size: 50px; /* let's make it a big quote! */
    content: "";
    color: #bababa;
    text-shadow: 0 1px 1px #909090;
}

.twtr-ft {
    display: none;
}


#twitter-widget-0 {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 300px;
    border: green;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/*END TWITTER*/

/*FOOTER MENU*/

footer {
    margin: 0 auto;
    background: #2e373b;
    color: #FFF;
    list-style: none;
    margin-top: 10px;
}


.footermenu {
    width: 100%;
    text-align: right;
    list-style: none;
    margin-top: 10px;
}

    .footermenu li {
        display: inline-block;
        border-right: 1px solid #465257;
        padding: 0rem 0.4rem;
        font-size: 0.8rem;
    }

        .footermenu li a:link, .footermenu li a:visited, .footersubmenu li a:link, .footersubmenu li a:visited {
            color: #FFF;
        }


        .footermenu li a:hover, .footermenu li a:hover {
            color: #ccc;
        }

.footersubmenu {
    list-style: none;
    text-align: right;
}

    .footersubmenu li {
        display: inline-block;
    }

        .footersubmenu li a {
            color: #FFF;
            padding: 0rem 0.4rem;
            border-right: 1px solid #465257;
            font-size: 0.8rem;
        }

img.logonovaga {
    margin-top: 2rem;
}

ul.social_footer {
    list-style: none;
    display: inline-flex;
}

.social_footer li a:link, .social_footer li a:visited {
    color: #FFF;
    padding: 5px;
    font-size: 1.6rem;
    float: left;
}

#opiniaotop {
    float: left;
}

#textocapa {
    margin-left: 120px;
}

    #textocapa h3 {
        font-size: 1rem;
    }

    #textocapa .button.small {
        padding: 0.4rem;
        margin: 0px;
        border-radius: 4px;
    }


.contain-to-grid.nav {
    background: url(/Images/bgheader1.png) repeat-x;
}



@media only screen {
    .footersubmenu li a {
        padding: 0rem 0.2rem;
    }

    #conteudo h1 {
        font-size: 1.7rem;
    }

    #destaques {
        padding: 1rem;
    }


    .top-bar .toggle-topbar.menu-icon {
        margin-bottom: -26px;
    }

    .top-bar-section ul li:hover:not(.has-form) > a {
        background: transparent !important;
    }


    .top-bar-section ul li:last-child {
        border: 0px;
    }

    .top-bar-section .dropdown {
        background: #000;
    }

    article.submanchete {
    }

        article.submanchete img {
        }

    .slidetop, .artic-small {
        padding-left: 0.5rem;
    }

    .slidetop {
        margin-top: 1.5rem;
        padding-left: 0rem !important;
    }





    .footermenu li {
        font-size: 0.5rem;
    }

    /*PROJECT GRID*/


    .project-grid {
        display: block;
        padding: 0;
        margin: 0 -0.625em;
    }

        .project-grid h3 {
            display: none;
        }

        .project-grid:after {
            content: "";
            display: table;
            clear: both;
        }

        .project-grid > li {
            display: inline;
            height: auto;
            float: left;
            padding: 0 0.625em 1.25em;
        }

        .project-grid > li {
            width: 100%;
            padding: 0 0.625em 1.25em;
        }

            .project-grid > li:nth-of-type(n) {
                clear: none;
            }

            .project-grid > li:nth-of-type(1n+1) {
                clear: both;
            }

        .project-grid li:after {
            content: "";
            display: table;
            clear: both;
        }

        .project-grid li .thumb, .project-grid li .info {
            float: left;
        }

        .project-grid li .thumb {
            margin-bottom: 1em;
            border: 1px solid #aaa;
        }

            .project-grid li .thumb img {
                width: 100%
            }

        .project-grid li .info h2 {
            font-size: 1.5em;
            line-height: 1.2;
        }

            .project-grid li .info h2 a {
                color: #222;
            }

                .project-grid li .info h2 a:hover {
                    color: #333;
                }

                .project-grid li .info h2 a, .project-grid li .info h2 a:hover {
                    -webkit-transition: color 200ms ease-out;
                    -moz-transition: color 200ms ease-out;
                    transition: color 200ms ease-out;
                }

        .project-grid li .info p {
            margin-bottom: 0.5em;
        }


    @media screen and (min-width: 28.125em) {
        .project-grid li .thumb {
            width: 45%;
            margin-right: 5%
        }

        .project-grid li .info {
            width: 50%
        }

            .project-grid li .info p {
                line-height: 130%
            }



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


            .project-grid {
                display: block;
                padding: 0;
                margin: 0 -0.9em;
            }

                .project-grid:after {
                    content: "";
                    display: table;
                    clear: both;
                }

                .project-grid > li {
                    display: inline;
                    height: auto;
                    float: left;
                    padding: 0 0.9em 1.8em;
                }

                .project-grid > li {
                    width: 50%;
                    padding: 0 0.9em 1.8em;
                }

                    .project-grid > li:nth-of-type(n) {
                        clear: none;
                    }

                    .project-grid > li:nth-of-type(2n+1) {
                        clear: both;
                    }

                .project-grid li .thumb, .project-grid li .info {
                    width: 100%
                }

                    .project-grid li .info p {
                        line-height: 160%
                    }
        }

        @media screen and (min-width: 50em) {
            .project-grid {
                display: block;
                padding: 0;
                margin: 0 -1em;
            }

                .project-grid:after {
                    content: "";
                    display: table;
                    clear: both;
                }

                .project-grid > li {
                    display: inline;
                    height: auto;
                    float: left;
                    padding: 0 1em 2em;
                }

                .project-grid > li {
                    width: 33.33333%;
                    padding: 0 0.2em 0.5em;
                }

                    .project-grid > li:nth-of-type(n) {
                        clear: none;
                    }

                    .project-grid > li:nth-of-type(3n+1) {
                        clear: both;
                    }
        }



        // Small screens @media only screen {
            .slidetop

{
    padding-left: 0rem;
}

} /* Define mobile styles */

@media only screen and (max-width: 40em) {


    .slidetop, .artic-small {
        padding-left: 0rem;
    }

    .slidetop {
        margin-top: 2rem;
        padding-left: 0rem !important;
    }


    .nopadmobile {
        padding: 0px;
    }

    .padmobile {
        padding: 0.3rem;
    }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens @media only screen and (min-width: 40.063em) {
    .top-bar-section li:not(.has-form) a:not(.button)

{
    line-height: 35px;
}

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */



// Large screens @media only screen and (min-width: 64.063em) {
}
/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens @media only screen and (min-width: 90.063em) {
}
/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens @media only screen and (min-width: 120.063em) {
}
/* min-width 1921px, xxlarge screens */