body {
		background: url('assets/img/background.jpg');
	no-repeat
    center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;}

#background {
  background: url("/assets/img/background.jpg") no-repeat
    center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

.pacifico-regular {
	font-family: 'Pacifico', serif;
	font-weight: 400;
	font-style: normal;
}

.title {
	justify-content: center;
	font-family: 'Pacifico', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 5rem;
	color: black;
	padding-left: 200px;
	z-index: 1;
}

.biLine {
  justify-content: center;
  font-family: "Pacifico", serif;
  font-weight: 200;
  font-style: normal;
  font-size: 2rem;
  background-image: linear-gradient(to right, red, white, red);
  color: transparent;
  background-clip: text;
  padding-left: 250px;
  z-index: 1;
}

.rotated-box {
	position: absolute;
	margin-top: -400px;
	width: 600px;
	height: 250px;
	border-color: red;
	color: red;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 6rem;
	font-weight: bold;
	padding-left: 50px;
	/* border-radius: 20px; */
	transform: rotate(-30deg);
	/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); */
	z-index: 2;
}

@media screen and (max-width: 420px) {
	body {
		background: url('assets/img/background.jpg');
	}
	
.rotated-box {
	padding-left: 25px;
}
	.title {
		font-size: 2rem;
		margin-top: 40px;
		margin-left: -210px;
	}
  .biLine {
    font-size: 1rem;
    padding-left: 15px;
  }
}