.editar {position: fixed; top: 0px; right: 80px;}

body {margin: 0; padding: 0 0 0 0; overflow-x: hidden;}
section {padding: 30px 0; margin-bottom: 10px}
/* COMPORTAMENTO MATERIAL PUBLICAÇÕES */

.padding {padding: 50px 0;}
.tela {min-height: unset;}

.wrap {width: 100%; padding: 10px; display: block;}
.wrap img {max-width: 100%; height: auto;}
img.icones { width: 50%; height: auto; display: table; margin: 20px auto 70px auto;}

.conteudo p {
  text-align: left;
  font-size: 13px;
}

.conteudo img {
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}


/* GUIAS */

.col-tripla, .col-dupla, .col-simples, .middle-width
{width: 95%; float: none; margin: auto;}

  .col-tripla {max-width: 985px;}
  .col-dupla {max-width: 650px;}
  .col-simples, .middle-width {max-width: 482.5px;}

	.background {
		background-position: 50%;
	}

/* TEXTOS */

h1 {
	font-size: 22pt;	
}

h1::after {
	width: 50px;
	height: 5px;
}

p {
	font-size: 13pt;
}

/* IMAGENS PUBLICAÇÃO */

.aligncenter, .alignleft, .alignright {display: block; float: none;}

/* TELA 1 */

.tela-1 {
	height: 100vh;
	padding: 30vh 5%;
}

/* CORES */


.color {
  max-width: 100%;
}

.tela-conceito p {
  text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

/* RODAPÉ */


.rodape p {
  color: white;
  font-size: 11pt;
  text-align: right;
}

.rodape img {
  width: auto;
  float: right;
  margin: 15px 0 15px 30px;
}

.rodape .col-simples {
  min-width: 100%;
}

/* HEADER */

.icon-med {
	width: 100%;
     height: 80px;
}

.cabecalho {
	width: unset;
	height: unset;
}
.icon-med img {
	width: 120px;
    margin: 20px 50px;
}


header {
  display: none;
  height: 60px;
	position: fixed;
	background-color: #73C8D9;
	top: 0;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}


img.logo {
  display: none;
}

img.logo-branco {
  display: initial;
}

  header .control-nav {
    position: fixed;
    right: 30px;
    top: 30px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid white;
    border-width: 3px 0;
    z-index: 2;
    cursor: pointer;
  }
 
  header .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: white;
  }
 
  header .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
 
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    background: #002e35;
    overflow-x: auto;
    z-index: 2;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  #menu-top {
  position: fixed;
  right: 0;
  top: 0;
  max-width: 60%;
  }

  #menu-top ul {
  	padding: 0;
    font-size: 50px;
  }
  
  #menu-top li {
  	padding-left: 10%;
    width: 90%;

    }
	#menu-top ul a {
	  color: white;
	}
	
	#menu-top ul a:hover {
	  color: white;
	}


.only-mobile {display: inherit;}
.only-pc {display: none;}