/* line 1, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg {
  background-image: url(../../../wp-content/img/profile/message/top.jpg);
  background-repeat: no-repeat;
  background-size: 1920px;
  background-position: top center;
}

/* line 6, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .title {
  width: 100%;
  height: 10rem;
  margin: 0;
  display: grid;
  grid-template-rows: 1fr 5rem;
}

/* line 12, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .title h1 {
  width: 31rem;
  grid-row: 2/3;
  font-size: 2.5rem;
  margin: 0 auto;
  padding-bottom: 2rem;
  background: #fff;
  border-radius: 3rem 3rem 0 0;
  box-shadow: 0px 0px 2rem #fff,
 0px 0px 2rem #fff,
 0px 0px 2rem #fff,
 0px 0px 2rem #fff;
  opacity: 0.7;
}

/* line 27, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .content {
  display: grid;
  width: 1024px;
  margin: 50px auto;
  grid-template-columns: 220px 3rem 1fr;
  grid-template-rows: 1fr 2rem;
}

/* line 34, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .content .pimg {
  grid-column: 1;
  grid-row: 1;
}

/* line 37, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .content .pimg img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

/* line 45, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .content .pmes {
  grid-column: 3;
  grid-row: 1;
  text-align: left;
}

/* line 51, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
#msg .content .pname {
  margin: 0;
  grid-column: 3;
  grid-row: 2;
  text-align: right;
  padding-top: 1rem;
}

@media screen and (min-width: 1921px) {
  /* line 62, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg {
    background-size: 100%;
  }
}

@media screen and (max-width: 1439px) {
  /* line 69, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg div:first-child .title {
    margin-bottom: 2rem;
  }
  /* line 72, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content {
    width: 896px;
    grid-template-columns: 180px 2rem 1fr;
  }
  /* line 77, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content .pimg img {
    width: 100%;
    height: auto;
  }
  /* line 83, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content .pname {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1279px) {
  /* line 91, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content {
    width: 768px;
  }
}

@media screen and (max-width: 768px) {
  /* line 97, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg {
    background-position: center top;
    background-size: auto 12rem;
  }
  /* line 100, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .title {
    aspect-ratio: auto;
    height: 12rem;
  }
  /* line 103, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .title h1 {
    background: none;
    border: 0;
    box-shadow: none;
  }
  /* line 109, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content {
    width: 80%;
    margin: 2rem auto;
  }
}

@media screen and (max-width: 639px) {
  /* line 120, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content {
    grid-template-columns: 1fr;
    grid-template-rows: 20rem 1fr 3rem;
  }
  /* line 124, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content .pimg {
    grid-column: 1;
    grid-row: 1;
  }
  /* line 127, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content .pimg img {
    height: 18rem;
    width: auto;
  }
  /* line 132, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content .pmes {
    grid-column: 1;
    grid-row: 2;
  }
  /* line 136, ../../../../../xampp/htdocs/wp-content/themes/hrc_theme/sass/message.scss */
  #msg .content .pname {
    grid-column: 1;
    grid-row: 3;
  }
}

/*# sourceMappingURL=message.css.map */