@import (reference) "~src/assets/openaire-theme/less/_import-variables";

.home-background {
  background-color: @global-inverse-color;
}

@media only screen and (min-width: @breakpoint-medium) {
  .monitor-dark-logo-background {
    background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg");
    background-repeat: no-repeat;
    background-position: left 95%;
    background-size: 65%;
  }
}

.graph-background {
  background-image: url('~src/assets/monitor-assets/home/graph.svg');
  background-position-y: 50%;
  background-position-x: -5%;
  background-size: 25%;
}

#bullets {
  & > div {
    max-width: 360px !important;
  }
}

.contact-us {

  .left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 190px;
    object-fit: cover;
    border-radius: 18px;
    transform: matrix(1, -0.07, 0.07, 1, 0, 0);
  }

  .right img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 190px;
    object-fit: cover;
    border-radius: 18px;
    transform: matrix(1, 0.07, -0.07, 1, 0, 0);
  }

	.contact-image {
		position: absolute;
		width: 66px;
    height: 82px;
    object-fit: cover;
    border-radius: 18px;
		transform: matrix(1, 0.07, -0.07, 1, 0, 0);
		&.contact-image-left {
			top: 0;
			right: 25%;
		}
		&.contact-image-right {
			bottom: 50%;
			right: 5%;
		}
	}

}