@charset "UTF-8";

.top_bg {
  background: url("../images/medicalnurse/img_bg_medicalnurse.png") repeat-x;
  background-size: cover;
}

.top.inner {
  background-image: url("../images/medicalnurse/img_top_medicalnurse.png");
  background-position: right 15px top 8px;
  background-size: 228px auto;
}

h1 {
  margin-bottom: 14px;
  text-shadow:  
      2px  2px 8px #ffffff,
      -2px  2px 8px #ffffff,
      2px -2px 8px #ffffff,
      -2px -2px 8px #ffffff,
      2px  0px 8px #ffffff,
      0px  2px 8px #ffffff,
      -2px  0px 8px #ffffff,
      0px -2px 8px #ffffff;
}

h1 span {
  margin-right: 2px;
  text-shadow    : 
       1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;
}

.top.inner p {
  text-shadow:  
  2px  2px 4px #ffffff,
  -2px  2px 4px #ffffff,
   2px -2px 4px #ffffff,
  -2px -2px 4px #ffffff,
   2px  0px 4px #ffffff,
   0px  2px 4px #ffffff,
  -2px  0px 4px #ffffff,
   0px -2px 4px #ffffff;
}


h2:after {
  background-color: #B4DFE4;
}

@media screen and (min-width: 768px) {
  .top_bg {
    background-position: center 20px;
  }
  .top.inner {
    background-image: url("../images/medicalnurse/img_top_medicalnurse.png");
    background-position: right 30px top 30px;
    background-size: 264px auto;
  }
  h1,h1 span,.top.inner p {
    text-shadow: none;
  }
  h1 {
    margin-bottom: 10px;
  }
}