/* Setting background image for complete page */
body {
	background-image: url(imgs/bread_background.jpg);
	background-repeat: repeat;
	background-color: rgba(214,125,79,1);
	background-size: cover;
}

.MainMenu {
	overflow: visible; /* allows content to extend beyond the (vertical) dimensions of the container*/
}

.HeaderBanner img{
	height: 75px;
}


#toaster_pop_left {
	margin-bottom: 35px;
}
#toaster_pop_right {
	transform: scaleX(-1);
	margin-bottom: 35px;
}

#breadcontent {
	text-align: center;
}

/* Bread animation code */
/* I know this code is ugly but not using javascript and laziness is my justification */

#bread1 {
animation: bread1animation 8s linear 0s infinite alternate;
	position:fixed;
	animation-fill-mode: both;
}#bread2 {
	animation: bread2animation 9s linear 1s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}#bread3 {
	animation: bread3animation 10s linear 2s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}#bread4 {
	animation: bread4animation 7s linear 3s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}#bread5 {
	animation: bread5animation 11s linear 4s infinite alternate;
	position:fixed;
	animation-fill-mode: both;
}#bread6 {
	animation: bread6animation 10s linear 5s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}#bread7 {
	animation: bread7animation 8s linear 6s infinite alternate;
	position:fixed;
	animation-fill-mode: both;
}#bread8 {
	animation: bread8animation 10s linear 7s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}#bread9 {
	animation: bread9animation 6s linear 8s infinite alternate;
	position:fixed;
	animation-fill-mode: both;
}#bread10 {
	animation: bread10animation 6s linear 0.5s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}#bread11 {
	animation: bread11animation 6s linear 10s infinite normal;
	position:fixed;
	animation-fill-mode: both;
}

@keyframes bread1animation {
	from {left:-100px; top:0vh;}
	to {left: 100vw; top: 100vh;}
}@keyframes bread2animation {
	from {left:-100px; top:50vh;}
	to {left: 100vw; top: 20vh;}
}@keyframes bread3animation {
	from {left:-100px; top:40vh;}
	to {left: 100vw; top: 100vh;}
}@keyframes bread4animation {
	from {left:-100px; top:30vh;}
	to {left: 100vw; top: 80vh;}
}@keyframes bread5animation {
	from {left:-100px; top:60vh;}
	to {left: 100vw; top: 40vh;}
}@keyframes bread6animation {
	from {left:-100px; top:70vh;}
	to {left: 100vw; top: 80vh;}
}@keyframes bread7animation {
	from {left:-100px; top:20vh;}
	to {left: 100vw; top: 40vh;}
}@keyframes bread8animation {
	from {left:-100px; top:80vh;}
	to {left: 100vw; top: 40vh;}
}@keyframes bread9animation {
	from {left:-100px; top:50vh;}
	to {left: 100vw; top: 70vh;}
}@keyframes bread10animation {
	from {left:-100px; top:10vh;}
	to {left: 100vw; top: 0vh;}
}@keyframes bread11animation {
	from {left:-100px; top:35vh;}
	to {left: 100vw; top: 90vh;}
}