body {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  position: relative;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

img {
  width: 100%; /* Set image width to 100% of its parent */
  max-width: 100%; /* Prevent the image from exceeding the width of its container */
  height: auto; /* Maintain aspect ratio */
}

#label {
  position: absolute;
  width: 140px;
  height: 140px;
  cursor: pointer;
}

h1 {
  font-family: "Source Serif 4", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 56px;
}

.headline {
  width: 65%;
  padding: 50px 50px 0px 50px;
}

p {
  font-family: "Source Serif 4", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 56px;
}

.portfolio {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 0px 50px 50px 50px;

}

.case_sub a {
  color: 304EFA;

}


@media screen and (max-width: 680px) {
    h1{
        font-size: 30px;
        line-height: 40px;
    }
    .headline {
      width: 80%;
      padding: 30px 20px 20px 20px;
    }
    .portfolio {
      padding: 0px 20px 20px 20px;
      margin-right: 20px;
      line-height: 28px;
    }
    #label {
    position: absolute;
    width: 100px;
    height: 100px;
    }
}


#top, #bottom, #left, #right {
  background: #304EFA;
  position: fixed;
  }
  #left, #right {
    top: 0; bottom: 0;
    width: 16px;
    }
    #left { left: 0; }
    #right { right: 0; }
    
  #top, #bottom {
    left: 0; right: 0;
    height: 16px;
    }
    #top { top: 0; }
    #bottom { bottom: 0; }



::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #304EFA;
}

::selection {
  color: #fff;
  background: #304EFA;
}