@charset "UTF-8";

h1{
	font-family: "P22", sans-serif;
}

p {
	font-family: "Kiyo", sans-serif;
	line-height: 200%;
}

.ltrbox-grid {
	width: 75%;
}

.wrap {
  border: 2px solid;
  border-image-source: linear-gradient(to right, #27aae1, #000000, #ae81b9);
  border-image-slice: 1;
  border-radius: 5px;
}

.borderbot{
  border-bottom: 10px solid;
  border-image-source: linear-gradient(to right, #27aae1, #000000, #ae81b9);
  border-image-slice: 1;
}

.bordertop{
	border-top: 10px solid;
  border-image-source: linear-gradient(to right, #27aae1, #000000, #ae81b9);
  border-image-slice: 1;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2327aae1' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ae81b9' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}


.center{
	align-content: center;
	justify-content: center;
	align-items: center;
	place-items: center;
}

.nav-link{
	text-transform: uppercase;
	font-family: "P22", sans-serif;
	color: #000000;
	font-size: 14pt !important;
}

.QtrUplogo img{
	width: 70%;
	height: auto;
}

.grid img{
	width: 49%;
}

.full video{
		width: 80vw;
	}

.sketch-grid {
  flex: 50%;
  padding: 0 4px;
}

.sketch-grid img {
	width: 100%;
	object-fit: cover; 
	border-radius: 8px;
	margin-top: 5%;
}
.row {
 display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

@font-face {
  font-family: 'Franx'; /* Name you choose to use in your CSS */
  src: url('FranxurterTotallyMedium-gxwjp.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kiyo'; /* Name you choose to use in your CSS */
  src: url('KiyosunaSans-L-1.0.1.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'P22'; /* Name you choose to use in your CSS */
  src: url('../../fonts/P22_Underground_Medium_Small_Caps.otf');
  font-weight: normal;
  font-style: normal;
}


@media (max-width: 888px){
	.full video{
		width: 100vw;
	}
	
	.nav-link{
	text-transform: uppercase;
	font-family: "P22", sans-serif;
	color: #000000;
	font-size: 14pt !important;
	}
	
	.ltrbox-grid {
	width: 95%;
	}

}