@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600|Open+Sans:300,400,600");
html,body {
    height:100% !important
}
*,*:before,*:after {
    margin:0;
    padding:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
body {
    font-family:"Open Sans",sans-serif;
    font-size:1em;
    font-weight:400;
    color:#111;
    line-height:1.6;
    letter-spacing:0em
}
::selection {
    color:#fff;
    text-shadow:none;
    background-color:#5FC11B
}
h1 {
    font-size:2em;
    font-weight:700;
    font-family:"Montserrat",sans-serif
}
h2 {
    font-size:2em;
    font-weight:300;
    font-family:"Montserrat",sans-serif
}
h3 {
    font-size:1.3em;
    font-weight:400;
    font-family:"Montserrat",sans-serif
}
h4 {
    font-size:1.1em;
    font-weight:400;
    font-family:"Montserrat",sans-serif
}
p {
    margin-bottom:15px
}
b,strong {
    font-weight:600
}
mark {
    padding:5px 10px;
    background:#eee;
    border-radius:5px
}
mark-dark {
    padding:5px 10px;
    background:#eee;
    border-radius:15px
}
img {
    border:none;
    max-width:100%;
    vertical-align:middle
}
ul {
    margin-left:17px;
    margin-bottom:15px
}
li {
    padding-bottom:5px
}
a {
    text-decoration:none;
    color:#ff6600
}
a:hover {
    color:#f0985e;
    text-decoration:underline
}
a img {
    border:0
}
.fontzero {
    font-size:0px;
    margin:0;
    padding:0
}
.clear {
    clear:both
}
small,.small {
    font-size:0.874em
}
.tagline {
    font-size:1.2em;
    margin-bottom:10px;
    font-weight:600
}
.lead {
    font-size:1.3em;
    font-weight:300;
    line-height:26px;
    width:80%;
    margin:0 10% 15px 10%
}
img,object,embed,video,iframe,iframe[style] {
    max-width:100%
}
cite:before,cite:after {
    content:'\2014 \00A0'
}
hr {
    border:0;
    margin:0;
    padding:0;
    border-top:#1a1a1a 1px solid;
    border-bottom:#3d3d3d 1px solid
}
.none {
    display:none
}
.text-left {
    text-align:left
}
.text-right {
    text-align:right
}
.text-center {
    text-align:center
}
.text-justify {
    text-align:justify
}
.text-lowercase {
    text-transform:lowercase
}
.text-uppercase {
    text-transform:uppercase
}
.text-light {
    font-weight:300 !important
}
.text-normal {
    font-weight:400 !important
}
.text-bold {
    font-weight:400 !important
}
.text-shadow {
    text-shadow:1px 1px 3px #000
}
.text-clear {
    margin:0;
    padding:0
}
label {
    display:block;
    margin-bottom:20px
}
label:nth-last-of-type {
    margin-bottom:0 !important
}
.form-dark input {
    color:#ddd
}
input,textarea,select {
    padding:15px 15px 15px 15px;
    border:#ccc 1px solid;
    border-radius:5px;
    width:100%;
    color:#555;
    font-size:0.9em;
    font-weight:100;
    font-family:"Montserrat",sans-serif
}
input[type="submit"],input[type="reset"],button {
    width:auto;
    margin-top:10px;
    font-family:"Open Sans",sans-serif
}
input[type="color"] {
    cursor:pointer
}
input:focus {
    border:#5FC11B 1px solid
}
input:hover {
    border:#5FC11B 1px solid
}
input,textarea {
    outline:none;
    margin-top:10px
}
.form-check .form-field {
    margin-bottom:15px
}
.form-check label {
    display:inline-block;
    margin-right:30px;
    padding:8px 15px 10px 15px;
    background:#fbfbfb;
    cursor:pointer
}
.form-check label:hover {
    background:#fff
}
.form-check input {
    float:left;
    width:auto;
    margin:4px 10px 0 0;
    cursor:pointer
}
.back-white {
    background-color:#fff !important
}
.back-light {
    background-color:#fbfbfb !important
}
.back-light-borda {
    background-color:#fbfbfb !important;
    border-top:#eee 5px solid
}
.back-dark {
    background-color:#070F13 !important;
    color:#eee !important
}
.divider {
    border-bottom:#5FC11B 5px solid;
    width:50px;
    margin-bottom:25px;
    display:inline-block
}
.fontzero {
    font-size:0em !important
}
.container {
    float:left;
    width:100%
}
.content {
    float:left;
    width:86% !important;
    padding:40px 0;
    margin:0 7%;
    z-index:100
}
.content-notop {
    float:left;
    width:86% !important;
    padding:10px 0 40px 0;
    margin:0 7%;
    z-index:100
}
.content-clear {
    width:86% !important;
    margin:0 auto
}
.content-short {
    width:70%;
    margin:0 15%
}
.round-border {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:#CCC 1px solid;
    padding:5px
}
.last {
    margin-right:0 !important
}
.clear {
    clear:both
}
.float-left {
    float:left !important
}
.float-right {
    float:right !important
}
.float-none {
    float:none !important
}
.display-block li {
    display:block
}
.display-inline-block li {
    display:inline-block
}
.display-inline li {
    display:inline
}
.display-none li {
    display:none
}
.ul-list {
    list-style:disc;
    margin-left:21px
}
.ul-none {
    list-style:none;
    margin-left:0
}
.box {
    width:auto;
    float:left
}
.box-line {
    float:left;
    width:100%
}
.box-6 {
    width:15%;
    margin-right:2%
}
.box-6:nth-of-type(6n+0) {
    margin-right:0 !important
}
.box-5 {
    width:18%;
    margin-right:2.5%
}
.box-5:nth-of-type(5n+0) {
    margin-right:0 !important
}
.box-4 {
    width:23.5%;
    margin-right:2%
}
.box-4:nth-of-type(4n+0) {
    margin-right:0 !important
}
.box-3 {
    width:32%;
    margin-right:2%
}
.box-3:nth-of-type(3n+0) {
    margin-right:0 !important
}
.box-2 {
    width:48.5%;
    margin-right:3%
}
.box-2:nth-of-type(2n+0) {
    margin-right:0 !important
}
.box-1 {
    width:100%;
    margin:0
}
.box-sidebar {
    width:23%;
    margin-right:3.5%
}
.box-content {
    width:73.5%;
    margin-right:3.5%
}
.btn {
    text-align:center;
    display:inline-block;
    padding:8px 80px;
    background:#f60;
    cursor:pointer;
    font-size:1em;
    font-weight:400;
    color:#fff;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    border-radius:4px;
    border:0
}
.btn:hover {
    text-decoration:none !important;
    background-color:#da5a05;
    color:#fff;
    border:0;
    transition-duration:0.5s
}
.btn-full {
    width:100%
}
.btn-style {
    border:#5FC11B 2px solid;
    background-color:rgba(0,0,0,0.1);
    color:#5FC11B
}
.btn-style:hover {
    text-decoration:none !important;
    background-color:#f00;
    color:#000;
    border:#f00 2px solid;
    transition-duration:0.5s
}
.video-wide {
    position:relative;
    padding-bottom:56.25%;
    float:left;
    width:100%;
    height:0
}
.video-ntsc {
    position:relative;
    padding-bottom:75%;
    float:left;
    width:100%;
    height:0
}
.video-elemento {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
.video-small {
    width:40%;
    margin:0 30%
}
.video-medium {
    width:60%;
    margin:0 20%
}
.video-large {
    width:80%;
    margin:0 10%
}
.box-logomarca {
    float:left;
    width:25%
}
.box-menu {
    float:right;
    width:75%
}
.nav-trigger {
    display:none
}
.nav-trigger span {
    cursor:pointer;
    color:#fff;
    background:#f60;
    padding:10px 17px;
    box-shadow:0px 2px 0px #066D8E;
    border-radius:3px;
    width:35px;
    height:32px
}
.nav_main ul {
    margin-top:10px;
    margin-bottom:0
}
.nav_main li {
    margin-right:25px
}
.nav_main a {
    font-weight:500;
    color:#fff
}
.nav_main a:hover {
    color:#f1d2be;
    text-decoration:none
}
.nav_main .link-destaque {
    background:#f60;
    padding:7px 18px;
    color:#fff;
    border-radius:4px;
    background:-moz-linear-gradient(90deg, #fb8435 0%, #f60 35%, #d64911 100%);
    background:-webkit-linear-gradient(90deg, #fb8435 0%, #f60 35%, #d64911 100%);
    background:linear-gradient(90deg, #fb8435 0%, #f60 35%, #d64911 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb8435",endColorstr="#d64911",GradientType=1)
}
.menu-mobile-show {
    display:none
}
.menu-mobile-hidden {
    display:block
}
#check {
    display:none
}
#icone {
    text-align:center;
    cursor:pointer;
    position:absolute;
    z-index:1000;
    color:#fff;
    font-size:2em;
    top:23px;
    right:64px;
    width:50px;
    height:50px;
    background:#f60
}
.menu {
    height:100%;
    width:320px;
    position:fixed;
    transition:all .2s linear;
    right:-320px;
    top:0;
    padding-top:60px;
    overflow:auto;
    z-index:999;
    background:#fdfdfd
}
.menu .btn-header {
    width:90%;
    margin:0 5%;
    margin-top:15px
}
.menu a {
    color:#fff;
    text-decoration:none
}
.menu a:hover {
    color:#f60
}
.menu li {
    display:block;
    padding:15px 0;
    padding-left:25px;
    margin:10px
}
#check:checked ~ .menu {
    transform:translateX(-320px);
    -webkit-box-shadow:1px -3px 40px rgba(148,144,144,0.89);
    -moz-box-shadow:1px -3px 40px rgba(148,144,144,0.89);
    box-shadow:1px -3px 40px rgba(148,144,144,0.89)
}
#check:checked ~ .menu a {
    color:#434955
}
#check:checked ~ .menu li {
    border-bottom:1px solid;
    padding-right:11px
}
#check:checked ~ .menu li:hover {
    background:#f60
}
#check:checked ~ .menu li:hover a {
    color:#fff
}
#check:checked ~ .menu ul {
    margin-top:63px;
    text-align:center
}
#check:checked ~ .menu .link-destaque {
    background:#fff;
    padding:10px;
    border-radius:4px;
    display:block;
    text-align:center;
    color:#333 !important
}
#check:checked ~ #icone {
    right:14px
}
.header-site .border-menu {
    border-bottom:1px solid #CCC
}
.header-site .content {
    padding:20px;
    margin-top:10px;
    padding-top:5px
}
.header-site .box-2 {
    width:65%;
    margin-top:11px
}
.link {
    border:2px solid #f60;
    padding:6px 18px;
    font-size:0.9em;
    border-radius:5px
}
.logo {
    position:relative;
    margin-top:-11px;
    z-index:1;
    width:295px
}
.menu-position {
    position:absolute;
    z-index:1
}
.menu-position .box-sidebar {
    width:26%
}
.menu-position .box-content {
    width:auto;
    float:right;
    margin-top:31px
}
.transparent {
    height:617px;
    background:rgba(0,0,0,0.17)
}
.banner {
    height:617px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:bottom
}
.banner .banner-content {
    text-align:center;
    text-shadow:1px 2px 3px rgba(51,51,51,0.27)
}
.banner .banner-content h2 {
    font-size:3.5em;
    color:#fff;
    font-weight:900;
    margin-bottom:25px
}
.banner .banner-content p {
    font-size:1.6em;
    color:#fff;
    width:60%;
    margin:auto;
    margin-bottom:25px
}
.banner .banner-content .desc {
    color:#fff;
    font-size:1.3em
}
.banner .banner-content .btn {
    background:#395a80;
    background:-moz-linear-gradient(90deg, #6882a4 0%, #365b8c 50%, #2b445e 100%);
    background:-webkit-linear-gradient(90deg, #6882a4 0%, #365b8c 50%, #2b445e 100%);
    background:linear-gradient(90deg, #6882a4 0%, #365b8c 50%, #2b445e 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6882a4",endColorstr="#2b445e",GradientType=1)
}
.calltoaction {
    background:#fdfdfd;
    background-image:url(images/calltoaction.png);
    color:#fff;
    background-position:bottom;
    margin-top:90px
}
.calltoaction .btn-services {
    padding:8px 50px
}
.calltoaction .tagline {
    font-weight:500;
    margin-bottom:23px
}
.section-destaque .content {
    padding-bottom:80px
}
.section-destaque .box-3 .icon:hover {
    -webkit-transition:top 300ms;
    -moz-transition:top 300ms;
    -o-transition:top 300ms;
    transition:top 300ms;
    -webkit-border-top-left-radius:10px
}
.section-destaque .box-3:hover .icon {
    -webkit-transition:top 300ms;
    -moz-transition:top 300ms;
    -o-transition:top 300ms;
    transition:top 300ms;
    top:-43.2px;
    color:#676f7a
}
.section-destaque .separator {
    border-top:2px solid #EAEDF2
}
.section-destaque h2 {
    font-size:1.2em;
    font-weight:700;
    margin-top:2px;
    margin-bottom:41px
}
.section-destaque h3 {
    font-size:1.1em;
    font-weight:700;
    margin-top:10px;
    margin-bottom:15px
}
.section-destaque p {
    font-size:0.9em;
    color:#676F7A
}
.section-destaque .fa-suitcase:before {
    content:"\f0f2";
    color:#CCC;
    position:absolute;
    display:block;
    left:50%;
    margin-top:-68px;
    line-height:16px;
    width:100px;
    height:50px;
    background-color:#fff;
    text-align:center;
    font-size:1.8em;
    margin-left:-50px
}
.section-destaque img {
    border-radius:10px
}
.section-destaque .desc {
    margin-bottom:35px
}
.section-destaque .title-pdt {
    margin-top:45px
}
.section-destaque .wrap-image {
    border-radius:20px;
    padding:15px;
    box-shadow:7px 13px 14px rgba(46,51,73,0.1)
}
.section-sobre .content {
    padding-top:70px;
    padding-bottom:80px
}
.section-sobre .separator {
    border-top:2px solid #EAEDF2
}
.section-sobre .fa-star:before {
    content:"\f005";
    color:#CCC;
    position:absolute;
    display:block;
    left:50%;
    margin-top:-68px;
    line-height:16px;
    width:100px;
    height:50px;
    background-color:#fff;
    text-align:center;
    font-size:1.8em;
    margin-left:-50px
}
.section-sobre h2 {
    font-size:1.2em;
    font-weight:700;
    margin-bottom:20px
}
.section-sobre p {
    font-size:1.2em;
    color:#676F7A;
    padding-bottom:10px;
    width:70%;
    margin:auto;
    margin-bottom:25px
}
.section-blog .content {
    padding-bottom:80px
}
.section-blog .separator {
    border-top:2px solid #EAEDF2
}
.section-blog .fa-file-text:before {
    content:"\f15c";
    color:#CCC;
    position:absolute;
    display:block;
    left:50%;
    margin-top:-68px;
    line-height:16px;
    width:100px;
    height:50px;
    background-color:#fff;
    text-align:center;
    font-size:1.8em;
    margin-left:-50px
}
.blog .box-4 img,.blog .box-3 img,.blog .box-2 img {
    border-radius:32px;
    margin-bottom:17px
}
.blog h2 {
    font-size:1.2em;
    font-weight:700;
    margin-top:-24px;
    margin-bottom:40px
}
.blog h3 {
    font-size:1em;
    font-weight:700;
    margin-bottom:15px
}
.blog .post-desc {
    font-size:0.95em
}
.section-clientes .content {
    padding-bottom:80px
}
.section-clientes .separator {
    border-top:2px solid #EAEDF2
}
.section-clientes h2 {
    font-size:1.2em;
    font-weight:700;
    margin-top:-24px
}
.section-clientes .fa-certificate:before {
    content:"\f0a3";
    color:#CCC;
    position:absolute;
    display:block;
    left:50%;
    margin-top:-68px;
    line-height:16px;
    width:100px;
    height:50px;
    background-color:#fff;
    text-align:center;
    font-size:1.8em;
    margin-left:-50px
}
.banner_single {
    background-image:url(images/banner3.jpg);
    height:300px
}
.banner_single .content {
    margin-top:99px;
    color:#fff;
    position:relative;
    z-index:0
}
.banner_single a {
    color:#fff
}
.transparent_single {
    height:300px;
    background:rgba(0,0,0,0.24);
    position:absolute;
    display:block;
    width:100%
}
.page-servicos .sidebar-servico a {
    color:#333;
    font-size:0.95em
}
.page-servicos .sidebar-servico h3 {
    margin-top:0;
    background:#353b47;
    color:#fff;
    padding:10px;
    font-size:1em;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding-left:18px;
    text-transform:uppercase
}
.page-servicos .sidebar-servico li {
    background:#fdfdfd;
    padding:5px 16px
}
.page-servicos .sidebar-servico li:nth-of-type(2n) {
    background:#f3f2f2
}
.page-servicos .sidebar-servico i {
    color:#f60
}
.social_buttons li {
    padding:0;
    height:47px;
    line-height:47px
}
.social_buttons a {
    display:block;
    font-size:1.5em;
    color:#fff
}
.social_buttons .social_btn {
    font-size:0.8em !important;
    margin-top:6px;
    height:28px;
    line-height:29px
}
.social_buttons .youtube {
    background:#e14e42
}
.social_buttons .facebook {
    background:#3b5999
}
.social_buttons .linkedin {
    background:#117ec3
}
aside h3 {
    font-size:1.2em
}
.categories {
    margin-top:55px
}
.categories h3 {
    background:#353b47;
    color:#fff;
    padding:5px 14px;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.categories li {
    background:#434955;
    padding:6px;
    padding-left:17px
}
.categories li span {
    color:#f60
}
.categories li a {
    font-size:0.95em
}
.form-aside h3 {
    margin-top:41px
}
.form-aside p {
    font-size:0.9em
}
.contato .btn {
    background:#f60;
    background:-moz-linear-gradient(90deg, #fb8435 0%, #f60 35%, #d64911 100%);
    background:-webkit-linear-gradient(90deg, #fb8435 0%, #f60 35%, #d64911 100%);
    background:linear-gradient(90deg, #fb8435 0%, #f60 35%, #d64911 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb8435",endColorstr="#d64911",GradientType=1)
}
.contato h3 {
    font-size:1.2em;
    font-weight:600
}
.redes {
    margin-top:20px
}
.redes i {
    background:#ff6600;
    padding:11px 12px;
    width:35px;
    height:35px;
    border-radius:50px;
    margin-right:2px !important;
    color:#fff !important
}
.redes .fa-google-plus {
    padding:11px 10px !important
}
.redes a {
    color:#fff
}
.page-sobre .conteudo .compl {
    font-size:1.7em;
    margin-bottom:30px;
    color:#f60;
    font-weight:700
}
.page-sobre .conteudo p {
    font-size:1.2em;
    line-height:40px
}
.page-sobre .conteudo li {
    font-size:1.2em
}
.footer-site {
    color:#aab2bd;
    font-size:0.9em
}
.footer-site .color-bg-footer {
    background-color:#434955
}
.footer-site .color-bg-footer .logo-footer {
    width:265px;
    margin-top:-16px;
    margin-bottom:21px
}
.footer-site h2 {
    color:#fff;
    text-transform:uppercase;
    font-size:1.1em;
    font-weight:600;
    margin-bottom:6px
}
.footer-site a {
    color:rgba(255,255,255,0.6)
}
.footer-site p {
    margin-bottom:17px
}
.footer-site span {
    font-style:italic
}
.footer-site ul {
    list-style:none
}
.footer-site li {
    line-height:25px
}
.footer-site li i {
    margin-right:9px;
    color:#9c9ea1
}
.footer-site input {
    background-color:#353b47;
    border:none;
    border-radius:4px;
    width:80%;
    color:#9CA4AF;
    outline-color:#f60
}
.footer-site button {
    background-color:#395a80;
    padding:15px 13px;
    margin-left:8px;
    border-radius:4px;
    border:none;
    cursor:pointer;
    outline-color:transparent
}
.footer-site button i {
    color:#fff
}
.footer-site .footer-nav {
    background:#353b47;
    padding-top:15px;
    padding-bottom:15px
}
.footer-site .footer-nav h2 {
    margin-bottom:5px
}
.footer-site .footer-nav li {
    margin-right:24px
}
.footer-site .logo-footer {
    width:208px;
    margin-bottom:40px;
    margin-top:-14px
}
.footer-site .section-copyright {
    background-color:#434955;
    color:#676F7A
}
.footer-site .section-copyright .content {
    padding:4px
}
.footer-site .section-copyright .box-2 {
    margin-top:12px;
    font-size:0.9em
}
.footer-site .box-4:nth-of-type(1) {
    width:26%;
    margin-right:5%
}
.footer-site .box-4:nth-of-type(2) {
    width:20%
}
.footer-site .box-4:nth-of-type(3) {
    width:17%
}
.footer-site .box-4:nth-of-type(4) {
    width:27%
}
@media (max-width: 85.375em) {
    .footer-site .box-4:nth-of-type(1) {
        width:26%;
        margin-right:5%
    }
    .footer-site .box-4:nth-of-type(2) {
        width:20%
    }
    .footer-site .box-4:nth-of-type(3) {
        width:17%
    }
    .footer-site .box-4:nth-of-type(4) {
        width:27%
    }
}
@media (max-width: 80em) {
    .loot li a {
        margin-left:16px
    }
}
@media (max-width: 73.75em) {
    .footer-site .box-4 {
        width:31%
    }
    .footer-site .box-4:nth-of-type(1) {
        width:31%
    }
    .footer-site .box-4:nth-of-type(2) {
        width:31%
    }
    .footer-site .box-4:nth-of-type(4) {
        width:100%;
        text-align:center;
        margin-top:40px
    }
    .footer-site ul {
        margin:0
    }
}
@media (max-width: 67.5em) {
    .page-servicos .box-content {
        width:100%;
        margin-bottom:50px
    }
    .page-servicos .box-sidebar {
        width:100%
    }
}
@media (max-width: 67.5em) {
    .contato .box-content {
        width:100%
    }
    .contato .box-sidebar {
        width:100%;
        margin-top:50px
    }
}
@media (max-width: 61.25em) {
    .blog .box-content {
        width:100%;
        margin-bottom:80px
    }
    .blog .box-sidebar {
        width:100%
    }
    .page-servicos .box-3 {
        width:48%;
        margin-bottom:35px
    }
    .page-servicos .box-3:nth-of-type(3n+0) {
        margin-right:2% !important
    }
    .footer-site .box-4:nth-of-type(1) {
        width:37%
    }
    .footer-site .box-4:nth-of-type(2) {
        width:23%
    }
    .footer-site .box-4:nth-of-type(3) {
        width:34%
    }
}
@media (max-width: 57.5em) {
    .menu-mobile-hidden {
        display:none
    }
    .menu-mobile-show {
        display:block
    }
    .page-sobre .box-3 {
        width:100%;
        margin-bottom:25px
    }
    .page-sobre .box-2 {
        width:100%
    }
}
@media (max-width: 50em) {
    .header-site .box-sidebar {
        width:33%
    }
    .header-site .box-content {
        width:60%
    }
}
@media (max-width: 52.5em) {
    .footer-site .box-4:nth-of-type(1) {
        width:48%
    }
    .footer-site .box-4:nth-of-type(2) {
        width:48%;
        min-height:190px
    }
    .footer-site .box-4:nth-of-type(3) {
        width:100%
    }
    .footer-site .footer-nav {
        background:red
    }
}
@media (max-width: 55.625em) {
    #rodape2 .box-3 {
        width:48%
    }
    #rodape2 .box-3:nth-last-of-type(1) {
        width:100%;
        text-align:center;
        margin-top:25px
    }
}
@media (max-width: 48.75em) {
    .section-blog .box-4 {
        width:48%;
        margin-top:30px
    }
    .section-copyright .box-2 {
        width:100%;
        text-align:center
    }
    .banner .banner-content p {
        width:73%;
        font-size:1.15em
    }
}
@media (max-width: 43.75em) {
    .section-destaque .box-3 {
        width:100%
    }
    .blog .box-content .box-2 {
        width:100%
    }
    .footer-site .box-4 {
        width:100%;
        margin-bottom:25px
    }
    .footer-site .box-4:nth-of-type(3) {
        width:100%;
        text-align:left;
        margin-top:0px
    }
}
@media (max-width: 40em) {
    .footer-site {
        text-align:center
    }
    .logo{
    	width: 200px;
        margin-top: 5px;
    }
    .logo-back {
        display: none;
    }
    .footer-site .box-2:nth-of-type(1) {
        width:100%;
        min-height:auto
        text-align:center
    }
    .footer-site .box-2:nth-of-type(2) {
        width:100%;
        min-height:auto
        text-align:center
    }
    .footer-site .box-4:nth-of-type(1) {
        width:100%;
        margin-bottom:25px;
        text-align:center
    }
    .footer-site .box-4:nth-of-type(2) {
        width:100%;
        min-height:auto
    }
    .footer-site .box-4:nth-of-type(3) {
        width:100%;
        text-align:center;
        margin-top:0px
    }
}
@media (max-width: 35em) {
    #rodape2 .box-3 {
        width:100%;
        margin-bottom:25px
    }
    .section-blog .box-4 {
        width:100%
    }
    .banner .banner-content h2 {
        font-size:2.2em
    }
    #icone {
        right:30px
    }
    .logo{
    	width: 200px;
        margin-top: 5px;
    }
}
@media (max-width: 37.5em) {
    .header-site .box-sidebar,.header-site .box-content {
        width:100%
    }
    #menu {
        width:79%
    }
    .logo{
    	width: 230px;
        margin-top: 5px;
    }
    .banner-content h2 {
        margin-top:-38px
    }
}
@media (max-width: 30em) {
    .section-blog .box-4 {
        width:100%;
        margin-bottom:25px
    }
    .footer-nav {
        text-align:left;
        padding-left:7%
    }
    .footer-nav ul {
        display:grid
    }
}