* {
  margin: 0px;
  padding: 0px;
}

ul,
ol,
li,
a,
p,
input,
button,
body {
  width: 100%;
  font-family: "arial", sans;
  font-family: "ABeeZee", sans-serif;
}

body,
div#interface {
  margin: auto;
}

body,
div#interface,
#gmap_canvas,
header#cabecalho,
nav#menuu,
.footer {
  width: 100%;
}

.contact #imgwhats {
  width: 200px !important;
}

#gmap_canvas {
  height: 300px;
}

h1,
h2,
h3,
h4,
h5,
#gmap_canvas,
img {
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
img {
  margin-top: 20px;
}

div#fundo {
  background: 2e3b2e;
  background-image: url("../images/fundo.webp");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}

header#cabecalho {
  background-repeat: no-repeat;
}

header#cabecalho {
  color: gray;
}

.phone-link {
  font-size: 22px;
}

.phone-link:hover {
  font-size: 26px;
}

header#cabecalho img#fundoimg,
div#link a,
nav#menuu li,
div#atuacao,
body {
  position: relative;
}

html,
nav#menuu {
  height: 100%;
}

body {
  height: auto;
  min-height: 100%;
}

.navbar {
  font-size: 20px;
}

nav#menuu ul {
  font-family: "times", serif;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  box-shadow: 1px 1px 4px black;
  border: 2px solid white;
}

nav#menuu li {
  padding: 1%;
  top: -20px;
}

nav#menuu li {
  display: inline-block;
}

.content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

aside#texto,
section#texto2 {
  flex-basis: 50%;
}

nav#menuu li:first-child {
  width: 30%;
  top: 0px;
}

body,
a,
p {
  color: black;
}

header#cabecalho p {
  font-size: 140%;
}

nav#menuu img#imagem {
  width: 15%;
}

div#texto {
  background: url("../images/logobom.webp");
}

aside#texto {
  margin: 0.1%;
  margin-right: 1%;
}

p,
ul,
li,
ol {
  text-align: justify;
}

div#uppercase,
header#cabecalho,
nav#menuu ul {
  font-size: 100%;
}

a:hover {
  background: transparent;
  font-size: 115%;
}

div#atuacao ul {
  margin-left: 30%;
}

div#link a:hover {
  color: #3f3f3f;
}

a:hover,
div#link a:hover {
  text-decoration: underline;
}

div#link a {
  padding-top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  padding-bottom: 10px;
  font-size: 130%;
  margin-top: 5%;
}

#link {
  padding-bottom: 30px;
}

footer#telefones,
.footer .phone-link {
  background-color: #3f3f3f;
  color: white;
}

nav#menuu a,
section#texto2 a,
section#texto2,
ul,
div#link a,
.phone-link {
  text-decoration: none;
}

.logo-full,
.contact #imgwhats,
ul,
nav#menuu ul,
.atuacao li a,
.center {
  display: block;
}

.logo-full,
.contact #imgwhats,
ul,
nav#menuu ul,
.navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.hide {
  display: none;
}

.footer {
  height: 65px;
  bottom: -60px;
}

.footer {
  position: absolute;
}

aside#texto,
section#texto2,
.full-column {
  padding: 20px;
}

.whatsapp-button {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 80px;
}

.whatsapp-button img {
  height: 80px;
}

ul {
  width: 95%;
  margin-left: 20px;
}

.atuacao li,
.atuacao li a,
.contact #corpo a {
  color: #ff101d;
}

.atuacao li a,
.contact #corpo a {
  font-weight: bold;
}

.atuacao li a,
h3 {
  font-size: 20px;
}

.atuacao li a:hover,
h2 {
  font-size: 24px;
}

h1 {
  font-size: 35px;
}

h3,
h4,
h5 {
  font-weight: normal;
}

.phone-link,
.center {
  text-align: center;
}

.numered-list {
  list-style: auto;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media screen and (max-width: 767px) {
  body,
  p,
  a {
    font-size: 14px;
  }

  nav#menuu li:first-child {
    width: 100%;
  }

  aside#texto,
  section#texto2 {
    flex-basis: 100%;
  }

  .content {
    flex-direction: column;
  }

  nav#menuu li {
    top: 0px;
  }

  nav#menuu li,
  .menu-logo {
    display: block;
  }

  .menu-logo {
    margin-bottom: 20px;
  }

  .atuacao li a {
    margin-bottom: 12px;
  }

  img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  body {
    overflow-x: hidden;
  }

  div#link a {
    text-align: center;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  nav#menuu img#imagem {
    margin-right: 15%;
  }

  section#texto2,
  aside#texto {
    align-self: flex-start;
  }

  .navbar a {
    flex-basis: 0%;
  }

  .navbar .nav-item {
    width: 20%;
    text-align: center;
  }
}