/*
MIDI Transfer Tool — tool page
*/

.tool-collab-box.is-custom {
  width: 440px;
  height:300px;
  top:120px;
  right:0px;
  left:auto;
}

.tool-hero.is-custom {
  background-image: url("mtt-hero.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.tool-hero-image {
  height: 330px;
  width: auto;
}

.tool-multi-collab-1 {
  height: 100%;
  width: auto;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.tool-multi-collab-2 {
  height: auto;
  width: 120%;
  position: absolute;
  top: 0px;
  left: 40%;
  transform: translateX(-50%);
}


/*
Sample — crop/position each collaborator photo independently.
Defaults (.tool-multi-collab-pic in tool.css) fill the crop height and center horizontally.
.tool-multi-collab-1, .tool-multi-collab-2, … have the same specificity and win because
this file loads after tool.css. Set transform: none if you do not want the centering shift.

.tool-multi-collab-1 {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: none;
}

.tool-multi-collab-2 {
  height: 120%;
  width: auto;
  position: absolute;
  top: -10px;
  left: 40%;
  transform: none;
}
*/