.login-page {
    padding: 50px 0;
}

#hr-career-logo {
   max-width: 200px;
}

#hr-title-container {
   display: flex;
   justify-content: center;
   border-bottom: 2px solid #ff0000;
   background-image: url("../img/hr_fotos_top.png");
   background-repeat: repeat-x;
   background-color: #191919;
}

#hr-title-content {
   width: 95%;
   max-width: 95%;
   min-width: 380px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 20px;
   padding-right: 20px;
}

.hr-main-container {
   display: flex;
   justify-content: center;
}

.hr-main-content {
   width: 80%;
   max-width: 80%;
   min-width: 270px;
}

#divPersonalInformations {
   /*border-right: 1px solid #c0c0c0;*/
}

#divJobOptions {
   border-right: 1px solid #c0c0c0;
}

@media screen and (max-width: 420px) {
   #footer_img_5 {
    display: none;
  }

   #divPersonalInformations {
      border-right: 0px;
   }

   #divJobOptions {
      border-right: 0px;
   }

   #hrEducationInformations {
      border-bottom: 1px solid #c0c0c0;
   }
}

@media screen and (min-width: 420px) {

   #hrEducationInformations {
      display: none;
   }
}

#main-content {
   margin-top: 20px;
}

.image-container {
   text-align: justify;
   margin-top: 10px;
}

.image-container > img {
   width: 19%;
   display: inline-block;
   vertical-align: top;
   /* IE fix. */
   *display: inline;
   zoom: 1;
}

.image-container:after {
   content: "";
   width: 100%;
   display: inline-block;
}
