/* #toimagediv{

} */

.toimagediv {
  width: 100%;
  padding-top: 100px;
  /* The image used */
  /* background-image: url("images/3.jpg"); */
  background-image: url("../assets/image/ssc-2002-logo_grand_cruise.jpg");
  /* background-image: url("cover_shadow_without_title.jpg"); */

  /* Set a specific height */
  min-height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 992px) {
  .toimagediv {
    width: 100%;
    padding-top: 50px;
    background-image: url("../assets/image/ssc-2002-logo_grand_cruise.jpg");
    min-height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

}

@media only screen and (max-width: 768px) {
  .toimagediv {
    width: 100%;
    padding-top: 10px;
    background-image: url("../assets/image/ssc-2002-logo_grand_cruise-mobile-768.jpg");
    min-height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

}

@media only screen and (max-width: 560px) {
  .toimagediv {
    width: 100%;
    padding-top: 10px;
    background-image: url("../assets/image/ssc-2002-logo_grand_cruise-mobile-560.jpg");
    min-height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

}