#sec_top_text {
   background-image: url("../img/bg.jpg");
   background-position: 50% 30%;
}

#sec_top_text .c-top-text {
   min-height: 500px;
   display: flex;
   flex-direction: row;
}

#sec_top_text .c-top-text-group {
   width: 600px;
   min-height: 400px;
   height: auto;
   margin: auto auto auto 200px;
   background-color: rgba(255, 255, 255, 0.8);
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
}

#sec_top_text .c-container-layout {
   padding: 30px;
}

#sec_top_text .u-text-1 {
   font-size: 1.4rem;
   color: rgba(0, 0, 0, 1);
   margin: 20px 20px 0 0;
}

#sec_top_text .u-text-2 {
   font-size: 0.90rem;
   color: rgba(0, 0, 0, 1);
   margin: 20px 0 0;
}

#sec_menu {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}

#menu_buttons {
   padding: 10px 20px 10px 20px;
   width: 100%;
   text-align: center;
}

#sec_menu .btn-menu {
   background-color: #f4a500;
   font-size: 1rem;
   border: 0 none transparent;
   color: #ffffff;
   text-align: center;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
   white-space: nowrap;
   min-width: 20%;
   max-width: 25%;
   margin: 5px;
}

#sec_menu .btn-menu:hover {
   background-color: #bb7f00;
   color: #ffffff;
}

#sec_filters {
}

#sec_filters #container-filters {
   display: flex;
   flex-direction: column;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 10px;
}

#sec_filters #filters_title {
   font-size: 1.4rem;
   margin: 0px 0px 10px 0px;
}

#sec_filters #container_filters_fields {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 30px 30px;
}


#sec_job_opportunities {
}

#sec_job_opportunities #container_job_opportunities {
   display: flex;
   flex-direction: column;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
}

#sec_job_opportunities #container_job_opportunities_title {
   font-size: 1.6rem;
   margin: 10px 0px 10px 20px;
}

#sec_job_opportunities #c-opportunities-nf-message {
   font-size: 1rem;
   color: #ff0000;
   margin: 10px 0px 10px 20px;
}

#sec_job_opportunities #job_opportunities_list {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   min-height: 100px;
   grid-gap: 30px 30px;
}

#sec_job_opportunities .c-opportunities-item {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   background-position: 50% 50%;
   background-image: none;
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
   text-align: left;
   color: #111111;
   background-color: #f2f2f2;
}

#sec_job_opportunities .c-opportunities-layout {
   padding: 30px;
}

#sec_job_opportunities .c-opportunities-title {
   margin: 0;
   font-size: 1.2rem;
   font-weight: bolder;
}

#sec_job_opportunities .c-opportunities-text {
   line-height: 1.5;
   font-size: 0.9rem;
   margin: 30px 0 0;
}

#sec_job_opportunities .c-jop-btn-submit {
   transition-property: background-color, color, border-color;
   border-width: 0 !important;
   display: table;
   font-size: 0.9rem;
   background-image: none;
   margin: 50px 50px 0 0;
   background-color: #f4a500;
}

#sec_job_opportunities .c-jop-btn-submit:hover {
   background-color: #bb7f00;
   color: #ffffff;
}

@media (max-width: 575px) {
   #header_logo {
      max-width: 100%;
   }

   #img_logo {
      max-width: 400px;
      margin-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
   }

   #logo {
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
   }

   .img-flag {
      margin-top: 10px;
   }

   #sec_top_text {
      background-position: 14% 30%;
   }

   #sec_top_text .c-top-text {
      min-height: 500px;
      display: flex;
      flex-direction: row;
   }

   #sec_top_text .c-top-text-group {
      min-height: 450px;
      width: 340px;
      margin: auto auto auto 10px;
      background-color: rgba(255, 255, 255, 0.8);
   }

   #sec_top_text .c-container-layout {
      padding: 30px;
   }

   #sec_top_text .u-text-1 {
      font-size: 1.5rem;
      color: rgba(0, 0, 0, 1);
      margin: 10px 10px 0 0;
   }

   #sec_top_text .u-text-2 {
      font-size: 1.1rem;
      color: rgba(0, 0, 0, 1);
      margin: 10px 0 0 0;
   }

   #sec_menu .btn-menu {
      min-width: 100%;
   }

   #sec_filters #container-filters {
      padding-bottom: 0px;
   }

   #sec_filters .filters_title {
      margin: 10px 0px 10px 0px;
   }

   #sec_filters #container_filters_fields {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 15px;
   }

   #sec_job_opportunities #job_opportunities_list {
      display: grid;
      grid-template-columns: 1fr;
      min-height: 100px;
      grid-gap: 30px 30px;
   }

   #sec_job_opportunities #container_job_opportunities_title {
      font-size: 1.4rem;
      margin: 20px 0px 10px 0px;
   }

   #sec_job_opportunities #c-opportunities-nf-message {
      font-size: 1rem;
      color: #ff0000;
      margin: 20px 0px 10px 0px;
   }

   #sec_job_opportunities .c-opportunities-title {
      font-size: 1rem;
   }

   #sec_job_opportunities .c-opportunities-text {
      font-size: 0.8rem;
   }

   #sec_job_opportunities .c-jop-btn-submit {
      font-size: 0.8rem;
   }

}