body{
/*	background: #8c312d;*/
	font-family: Arial;
	color: #D2D2D0;
	background-image: url('cover.jpg');
/*	width: 100%;*/
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

/* ------ Desktop  ------ */
main{
	width: 50%;
	background: #0f0d13;
	border-left: #8c312d solid 30px;
	margin: auto;
	margin-top: 5%;
	padding: 2%;
}

p{
	font-size: 1.4em;
}

a:link, a:hover, a:active, a:visited{
	color: #a0526f;
}

/*  ------ Mobile  ------ */
@media (max-width: 768px) {
	body {
		background: #8c312d;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	main {
		width: 80%;
		margin: 5%;
		padding: 5%;
		border-left: 10px;

	}
	p{
		font-size: 1.2em;
	}
}


/*Image styling*/

/* This will hide the image on screens larger than 768px */
@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}

/* This will show the image on screens smaller than 768px */
@media (max-width: 767px) {
    .mobile-only {
        display: block;
        width: 100%;
    }
}