* {
  /*box-sizing: border-box;*/
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.container {
  margin: auto;
  width: 100%;

  position: absolute;
}

/*--------------------*\
    CABECALHO
\*--------------------*/
header {
  /* box-sizing: border-box;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;*/

  height: 95px;
  position: relative;
  background-color: #222;
}

header img {
  height: 95px;
  width: 100%;
}

/*--------------------*\
    MENU
\*--------------------*/
.menu {
  position: relative;
  background-color: #f66013;
  height: 40px;
}

.menus ul {
  padding: 8px;
  margin: 0px;
  background-color: #f48636;
  list-style: none;
}

.menus ul li {
  display: inline;
}

.menus ul li a {
  padding: 2px 15px;
  display: inline-block;

  /* visual do link */
  background-color: #ededed;
  color: #333;
  text-decoration: none;
  border-bottom: 3px solid #ededed;
}

.menus ul li a:hover {
  background-color: #d6d6d6;
  color: #6d6d6d;
  border-bottom: 3px solid #ea0000;
}

/*--------------------*\
    CONTEUDO
\*--------------------*/
.contents {
  background-color: #222;
  min-height: 677px;
  padding: 5px;
}

.contents img {
  width: 270px;
  height: 203px;
}

.artigos {
  display: inline-block;
  margin-left: 10%;

  text-align: center;
  color: #ffffff;
}

/*--------------------*\
    FOOTER
\*--------------------*/
footer {
  padding: 5px;

  position: relative;
  text-align: center;
  background-color: black;
  height: 1%;
}

footer p {
  color: #f48636;
}

.social {
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  border-radius: 50%;
  display: inline-block;
  height: 50px;
  margin-left: 15px;
  width: 50px;
}

.social:hover {
  cursor: pointer;
  opacity: 0.7;
}

.social-facebook {
  background-image: url(/images/facebook.svg);
}

.social-instagram {
  background-image: url(/images/instagram.svg);
}

.social-whatsapp {
  background-image: url(/images/whatsapp.svg);
}