html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img, picture, video, embed {max-width: 100%;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {
	font-size: 62.5%;
	line-height: 1.8em;
	color: #FFF;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	background-color: #fff;
}

a {color: #FFF; text-decoration: none;}
	
strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 10px;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}

.hide {transition: all 1s linear; -webkit-transition: all 1s linear; -moz-opacity:0; opacity: 0; -khtml-opacity: 0; filter: alpha(opacity = 0);}
.show {-moz-opacity:100; opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity = 100);}

#header-site {width: 100%; padding: 3em 4em; display: flex; justify-content: space-between; top: 0; left: 0; z-index: 10; position: absolute;}
#nav-site a {font-size: 2em; line-height: 1em; margin: 0 0 0 2em;}

#nav-mobile {top: 0; left: 0; position: fixed; display: none;}
#menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 18px;
    left: 16px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}
    #menuToggle input {display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2;}
    #menuToggle span {
        display: flex;
        width: 29px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;
        background: #ffffff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 5px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                    opacity 0.55s ease;
    }

    #menuToggle span:first-child {transform-origin: 0% 0%;}
    #menuToggle span:nth-last-child(2) {transform-origin: 0% 100%;}
    #menuToggle input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(-3px, -1px);}
    #menuToggle input:checked ~ span:nth-last-child(3){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
    #menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);}
    #menu {
        position: absolute;
        width: 180px;
        height: 300px;
        box-shadow: 0 0 10px #85888C;
        margin: -50px 0 0 -50px;
        padding: 50px;
        padding-top: 82px;
        background-color: rgba(19, 74, 134, 0.9);
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
        #menu li {padding: 10px 0; transition-delay: 2s;}
            #menu li a {font-size: 1.8em;}
    #menuToggle input:checked ~ ul {transform: none;}

.content {width: 96%; max-width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#home {background: url(../imgs/bg-introducao.png) no-repeat right bottom #FFA18F;}
    #home .content {justify-content: center;}
    #home .logo-sam {width: 45%;}
    #home h1 {width: 45%; color: #134A86; font-size: 6em; font-weight: bold; line-height: 1.1em; text-align: right;}

#sobre-nos {background-color: #144B86;}
    #sobre-nos .descricao {width: 38%; max-width: 368px;}
    #sobre-nos h2 {font-size: 8em; line-height: 1em; font-weight: bold; letter-spacing: -1px; margin: 0 0 0.3em;}
    #sobre-nos .desc {font-size: 2.2em; line-height: 1.2em;}
    #sobre-nos .img {width: 57.5%;}

#areas-de-atuacao {background-color: #921E4B;}
    #areas-de-atuacao h2 {font-size: 8em; line-height: 1.1em; font-weight: bold; text-align: center; letter-spacing: -1px; margin: 0 0 1em;}
    #areas-de-atuacao .content {align-items: flex-start;}
    #areas-de-atuacao .chamada {width: 31%; text-align: center;}
        #areas-de-atuacao .chamada .img {min-height: 224px;}
    #areas-de-atuacao h3 {font-size: 2.2em; font-weight: bold; margin: 0.5em 0 0;}

#mapa {background-color: #FFF;}
    #mapa iframe {width: 100%; height: 100%; pointer-events: none;}

#contato {background: url(../imgs/bg-introducao.png) no-repeat right bottom #3D3B72;}
    #contato .img {margin: 0 0 6em;}
    #contato .endereco {color: #FDB0AC; font-size: 2.2em; line-height: 1.3em;}

#btn-ir-topo {
    display: none;
    right: 1em; 
    bottom: 1em; 
    position: fixed;
    -moz-opacity:50; opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity = 40);
}

@media screen and (max-width: 1020px) {
    #home h1 {font-size: 5em;}
    #sobre-nos h2, #areas-de-atuacao h2 {font-size: 6em;}
    #sobre-nos .desc, #areas-de-atuacao h3, #contato .endereco {font-size: 1.8em;}
}
@media screen and (max-width: 900px) {
    #header-site {display: none;}
    #nav-mobile {display: block;}
    .section {padding: 10em 0;}
    #mapa.section {padding: 0;}
        #mapa iframe {height: 400px;}
    #home, #contato {background-size: 50%;}
    #home h1 {font-size: 4.5em;}
    #sobre-nos h2, #areas-de-atuacao h2 {font-size: 5.5em;}
    #sobre-nos .desc, #areas-de-atuacao h3, #contato .endereco {font-size: 1.6em;}
    #btn-ir-topo {display: block;}
}
@media screen and (max-width: 760px) {#home h1 {font-size: 4em;}}
@media screen and (max-width: 680px) {
    #home .logo-sam {width: 40%;}
    #home h1 {width: 50%;}
    #sobre-nos .descricao {width: 48%;}
    #sobre-nos .img {width: 48%;}
    #areas-de-atuacao .chamada {width: 30%;}
        #areas-de-atuacao .chamada .img {min-height: 228px;}
}
@media screen and (max-width: 630px) {#areas-de-atuacao .chamada .img {min-height: 214px;}}
@media screen and (max-width: 615px) {#home h1 {font-size: 3.5em;}}
@media screen and (max-width: 570px) {
    .content {padding: 0 1em;}
    #areas-de-atuacao h2 {padding: 0 0.3em;}
    #areas-de-atuacao .chamada .img {min-height: 195px;}
}
@media screen and (max-width: 535px) {#home h1 {font-size: 3em;}}
@media screen and (max-width: 510px) {#areas-de-atuacao .chamada .img {min-height: 172px;}}
@media screen and (max-width: 480px) {
    #home.section {padding: 10em 0 11em;}
    #home .content {flex-direction: column;}
    #home .logo-sam, #home h1 {width: 100%; text-align: center; padding: 0 0.5em;}
    #home .logo-sam {margin-bottom: 2em;}
        #home .logo-sam img {width: 100%; max-width: 250px;}        
    #sobre-nos .content {flex-direction: column;}
    #sobre-nos .descricao {width: 100%; margin-bottom: 2em;}
    #sobre-nos .img {width: 100%;}
    #areas-de-atuacao .content {flex-direction: column;}
    #areas-de-atuacao .chamada {width: 100%; padding: 2em 1em;}
}
@media screen and (max-width: 370px) {#contato .img {display: none;}}