.content { float:left; width:92%; margin:0 4%; padding: 20px 0; }

.fixed            { display:block; position:fixed; z-index:9;  }
.main_header_logo { text-align:center; margin:auto; float:none; width:138px; }
.main_header_logo img { height:69px; }


/*Seu Código*/
.section-seu-codigo          { padding:10px 0px; background-color:#f4f4f4; }
.section-seu-codigo .content { float:left; padding:1em 0; }
.section_title               { width: 100%; float:left; margin-bottom:1em; font-size:1.5em; font-weight: 300; text-align: center; border-bottom: 1px #eceaea solid; padding-bottom: 1em; }

.box-artigo   { width:100%; float:left; background:transparent; padding:1em; }

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

* { 
  font-family: 'Lato', sans-serif;
}

body { 
  background-color: #ececec;
}

details {
  display: block; 
  width: auto;
  margin: 10px 0;
}

details p { 
  padding-left: 30px;
}

summary {
  display: flex; 
  background: rgb(238,174,202);
  background: radial-gradient(circle, rgba(238,174,202,1) 0%,   rgba(148,187,233,1) 100%);
  color: #fff;
  border-radius: 8px;
  padding: 5px;
  cursor: pointer;
  font-weight: 700;
  justify-content: flex-start;
  align-items: center;
}

summary::-webkit-details-marker {
   display: none;
}

summary:before {
   content: "+";
   font-size: 20px;
   font-weight: bold;
   margin: 0 5px;
   padding: 0;
   width: 20px;
   text-align: center;
}

details[open] summary:before {
  content: "-";
}