html {
	font-size: 62.5%;
	box-sizing: border-box;
}
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background-color: #590B0D;	
	font-family: "Arial", serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.6;
	font-size: 1.4rem;
	color:#B99653;
}

main{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50vw;
	height: 70vh;
}

.background{
	max-width:100%;
}


.form-control-plaintext{
	color:#B99653;
}

.background_top, .background_bot_right, .background_bot_left {
	position: absolute;
	display: block;
}
.background_top {
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.background_bot_left {
	bottom: -25px;
	left: -20px;
}

.background_bot_right {
	bottom: -35px;
	right: -60px;
}

.form-control-plaintext {
	font-size:1.4rem;
}


#page {
	width: 100%;
	padding-top: 8rem;
}


#content{
	position:relative;
	width: 70%;
	z-index: 99;
}

@media (max-width:1300px) {
	main{
		width: 80vw;
		height: 80vh;
	}
}
@media (max-width:768px) {

	main{
		width: 80vw;
		height: 100%;
	}

	#content {
		width: 100%;
	}

	.background_top{
		width: 80%;
	} 
	.background_bot_right, .background_bot_left {
		width: 40%;
	}
}


@media (max-width:768px) and (orientation:landscape){

	main{
		width: 80vw;
		height: 90vh;
	}

	.background_top{
		width: 60%;
	} 
	.background_bot_right, .background_bot_left {
		width: 30%;
	}
}