*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: "Montserrat",Helvetica,Arial,sans-serif;
}
main {
   background-color: #F7F1F1;
}
section {
   max-width: 1440px;
   margin: auto;
   padding: 80px 1.5rem;
}
h1{
   color: #BC2539;
   font-size: 40px;
   margin-bottom: 65px;
}
.container{
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-bottom: 8px;
}
.logo{
   z-index: 1;
   max-width: 250px;
   min-width: 250px;
   width: 100%;
   background-color: #FFFFFF;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 1rem;
}
.logo img{
   max-width: 100%;
}
.text{
   z-index: 0;
   max-width: 600px;
   background-color: #FFFFFF;
   padding: 24px 45px;
}
.text h2{
   color: #231F20;
   font-size: 30px;
   margin-bottom: 6px;
}
.text .disc{
   display: flex;
   flex-direction: column;
   gap: 24px;
   font-weight: 500;
   font-size: 20px;
   color: #231F20;
}
.certificate{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #FFFFFF;
   max-width: 185px;
   width: 100%;
   flex-shrink: 0;
}
@media (max-width: 768px) {
   .container{
      flex-direction: column;
      gap: 0;
   }
   .logo{
      padding: 20px;
      max-width: none;
      height: 120px;
      box-shadow: 0 2px 30px 5px #231F2080;
   }
   .logo img{
      max-width: 80%;
      max-height: 100%;
      object-fit: contain;
   }
   .text{
      max-width: none;
      padding: 36px 24px;
   }
   .text h2{
      text-align: center;
      margin-bottom: 22px;
   }
   .certificate{
      max-width: unset;
      margin: 0 auto 24px;
      padding-bottom: 24px;
   }
}

.document {
   display: none;
   overflow: auto;
}