/* Scss Document */
/* color */
/* media queries*/
#interview_case {
  margin: 3rem 0;
  /* ===== end hero ===== */ }
  #interview_case .interview_hero {
    background: url("hero.jpg") no-repeat;
    background-position: center;
    background-size: 110%;
    padding: 5rem 0;
    margin: 0 0 5rem 0; }
    @media screen and (max-width: 899px) {
      #interview_case .interview_hero {
        padding: 3rem; } }
    @media screen and (max-width: 767px) {
      #interview_case .interview_hero {
        padding: 10rem 0;
        background: url("hero.jpg") no-repeat;
        background-position: 20%;
        background-size: 150%;
        margin: 0 0 2rem 0; } }
    @media screen and (max-width: 480px) {
      #interview_case .interview_hero {
        margin: 0;
        padding: 7rem 0;
        background-size: 200%; } }
    @media screen and (max-width: 767px) {
      #interview_case .interview_hero {
        padding: 10rem 0;
        background-position: 20%;
        background-size: 180%;
        margin: 0 0 2rem 0; } }
  #interview_case .interview_block {
    padding-bottom: 4rem; }
    #interview_case .interview_block:nth-of-type(even) {
      padding-left: 40%; }
    #interview_case .interview_block:nth-of-type(odd) {
      padding-right: 40%; }
    #interview_case .interview_block:nth-of-type(3) {
      padding-left: 0%;
      padding-right: 0%; }
    #interview_case .interview_block:nth-of-type(5) {
      padding-left: 40%;
      padding-right: 0%; }
    @media screen and (max-width: 640px) {
      #interview_case .interview_block:nth-of-type(even), #interview_case .interview_block:nth-of-type(odd) {
        padding: 0 0 15rem 0; } }
    #interview_case .interview_block:nth-of-type(1) {
      background: url("interview_img01.jpg") no-repeat 100% 0%;
      background-size: 35%; }
    #interview_case .interview_block:nth-of-type(2) {
      background: url("interview_img02.jpg") no-repeat 0% 0%;
      background-size: 35%; }
    #interview_case .interview_block:nth-of-type(3) {
      /*background: url("interview_img03.jpg") no-repeat 100% 20%;
      background-size: 35%;*/ }
    #interview_case .interview_block:nth-of-type(5) {
      background: url("interview_img04.jpg") no-repeat 0% 0%;
      background-size: 35%; }
    @media screen and (max-width: 640px) {
      #interview_case .interview_block:nth-of-type(1), #interview_case .interview_block:nth-of-type(2), #interview_case .interview_block:nth-of-type(5) {
        background-position: 50% 90%;
        background-size: 30%; } }
    @media screen and (max-width: 480px) {
      #interview_case .interview_block:nth-of-type(1), #interview_case .interview_block:nth-of-type(2), #interview_case .interview_block:nth-of-type(5) {
        background-size: 50%; } }