/* Only change items in root section. They will be barticular to the site in question */
:root {
	--bkclr: #916b5e; /* 916b5e */
    --bkimg: url('banner_scoot2.jpg');
    --bkimgsm: url('banner_scoot2-mob.jpg');
    --font: verdana, sans-serif;
    --clr: darkslategrey;
    --lblocks: #97b7c0;
    --rblocks: #c6c8d1;
    --borclr: #333;
}

.big {
	color: var(--clr);
}

a {
	color: var(--clr);
}

.headrow {
	background-color: var(--clr);
}

hr {
	background-color: var(--clr);
}

.button {
	color: white;
	background-color: var(--clr);
}

.upload {
	background-color: var(--clr);
}

body {
	font-family: var(--font);
	margin: 10px 5px 0px 15px;
	
	/* Location of the image */
	background-image: var(--bkimg);
    
	/* Background image is placed top left and will not move from that */
	background-position: left top;
	
	/* Background image doesn’t tile */
	background-repeat: no-repeat;
	
	/* Background image is fixed in the viewport so that it doesn’t move when
	the content’s height is greater than the image’s height */
	background-attachment: fixed;
	
	/* This is what makes the background image rescale based
	on the container’s size */
	background-size: contain;
	
	/* Set a background color that will be displayed
	while the background image is loading */
	background-color: var(--bkclr);
	}
	
	@media only screen and (max-width: 767px) {
		body {
		/* The file size of this background image is 93% smaller
		to improve page load speed on mobile internet connections */
		background-image: var(--bkimgsm);
		}
		.title, h1 {
			font-size: 16pt;
		}

        .emailimage {
            width: 100%;
        }
	}