/* Smallest Screen */
	html {
		font-size: 50%;
	}
	
	body {
		font-family:Helvetica, Arial, sans-serif;
		background: url(./background.png) 50% 0% no-repeat;
		background-size: 500px;
	}
	
	.theme {
		padding-top: 21%;
	}
	
	.reference {
		padding-left: 4%;
		line-height: 0.6em;
	}
	
	.infoTop {
		font-size: 105%;
		color: #7E7D7D;
	}
	
	.links {
		padding-left: 4%;
		padding-top: 2%;
		font-size: 100%;
	}
	
	.footer {
		font-family: Arial,sans-serif;
		padding-top: 8%;
		font-size: 100%;
	}
	
	.column {
		float: left;
		padding-left: 1.5rem;
	}
	
	.leftText {
		padding-top: 11%;
		padding-left: 1.5rem;
		padding-bottom: 4%;
	}
	
	.rightText {
		padding-top: 3%;
	}

	.Information {
		color: #747474;
		line-height: 1.4em;
	}
	
	.Information:link {
		text-decoration: none;
	}
	
	h6 {
		font-size: 100%;
		margin: 0;
		padding: 0;
		color: #545454;
	}
	
	h6 + p.Information {
		margin: 0;
		padding: 0;
	}
	
	.linkToShop:link {
		color: #5c6c09;
		text-decoration: none;
	}
	
	.linkToShop:visited {
		color: #5c6c09;
		text-decoration: none;
	}
	
	.clear {
		clear: both;
	}
	
	ul{
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		margin: 0;
	}
	
	li {
		background: url("./dot.png") 0% -1px  no-repeat;
		padding-left: 4%;
		vertical-align : middle;
		color: #5c6c09;
		margin: 1%;
	}
	
	.content {
		margin: 0 auto;
		width: 305px;
	}
		
/* Small Screens (default) */
@media (min-width: 39rem) {
	html {
		font-size: 80%;
	}

	body {
		font-family:Helvetica, Arial, sans-serif;
		background: url(./ackground.png) 50% 0% no-repeat;
		background-size: 800px;
	}

	.theme {
		padding-top: 21%;
	}

	.reference {
		padding-left: 4%;
		line-height: 0.6em;
	}

	.infoTop {
		font-size: 100%;
		color: #7E7D7D;
	}

	.links {
		padding-left: 4%;
		padding-top: 3%;
		font-size: 100%;
	}

	.footer {
		font-family: Arial,sans-serif;
		padding-top: 8%;
	}

	.column {
		float: left;
		padding-left: 2rem;
	}

	.leftText {
		padding-top: 11%;
		padding-left: 1.5rem;
	}

	.rightText {
		padding-top: 3%;
	}

	.Information {
		font-size: 70%;
		color: #747474;
		line-height: 1.4em;
	}

	.Information:link {
		text-decoration: none;
	}

	h6 {
		margin: 0;
		padding: 0;
		color: #545454;
                font-size: 80%;
	}

	h6 + p.Information {
		margin: 0;
		padding: 0;
	}

	.linkToShop:link {
		color: #5c6c09;
		text-decoration: none;
	}

	.linkToShop:visited {
		color: #5c6c09;
		text-decoration: none;
	}

	.clear {
		clear: both;
	}

	ul{
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		margin: 0;
	}

	li {
		background: url("./dot.png") 0% 4.3px  no-repeat;
		padding-left: 2%;
		vertical-align : middle;
		color: #5c6c09;
		margin: 1%;
	}

	.content {
		margin: 0 auto;
		width: 555px;
		padding-left: 60px;
	}
}
	
/* Medium Screens */
@media (min-width: 48rem) {
	html {
		font-size: 100%;
	}
	
	body {
	font-family:Helvetica, Arial, sans-serif;
	background: url(./background.png) 50% 0% no-repeat;
	background-size: 1000px;
	}
	
	.theme {
		padding-top: 21%;
	}
	
	.reference {
		padding-left: 4%;
		line-height: 0.6em;
	}

	.infoTop {
		font-size: 100%;
		color: #7E7D7D;
	}

	.links {
		padding-left: 4%;
		padding-top: 3%;
		font-size: 100%;
	}

	.footer {
		font-family: Arial,sans-serif;
		padding-top: 12%;
	}

	.column {
		float: left;
		padding-left: 1rem;
	}
	
	.leftText {
		padding-top: 13%;
		padding-left: 2.5rem;
	}
	
	.rightText {
		padding-top: 3%;
	}

	.Information {
		font-size: 70%;
		color: #747474;
		line-height: 1.4em;
	}

	.Information:link {
		text-decoration: none;
	}

	h6 {
		margin: 0;
		padding: 0;
		color: #545454;
                font-size: 66%;
	}

	h6 + p.Information {
		margin: 0;
		padding: 0;
	}

	.linkToShop:link {
		color: #5c6c09;
		text-decoration: none;
	}

	.linkToShop:visited {
		color: #5c6c09;
		text-decoration: none;
	}

	.clear {
		clear: both;
	}

	ul{
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		margin: 0;
	}

	li {
		background: url("./dot.png") 0% 4.3px  no-repeat;
		padding-left: 2%;
		vertical-align : middle;
		color: #5c6c09;
		margin: 1%;
	}

	.content {
		margin: 0 auto;
		width: 675px;
		padding-left: 60px;
	}
}

/* Large Screens */
@media (min-width: 56rem) {
	html {
		font-size: 100%;
	}
	
	body {
	font-family:Helvetica, Arial, sans-serif;
	background: url(./background.png) 50% 50% no-repeat;
	}
	
	.theme {
		padding-top: 21%;
	}
	
	.reference {
		padding-left: 4%;
		line-height: 0.6em;
	}

	.infoTop {
		font-size: 100%;
		color: #7E7D7D;
	}

	.links {
		padding-left: 4%;
		padding-top: 3%;
		font-size: 100%;
	}

	.footer {
		font-family: Arial,sans-serif;
		padding-top: 16%;
	}

	.column {
		float: left;
		padding-left: 10rem;
	}
	
	.leftText {
		padding-top: 12%;
                padding-left: 2.5rem;
	}
	
	.rightText {
		padding-top: 3%;
	}

	.Information {
		font-size: 66%;
		color: #747474;
		line-height: 1.4em;
	}

	.Information:link {
		text-decoration: none;
	}

	h6 {
		margin: 0;
		padding: 0;
		color: #545454;
                font-size: 66%;
	}

	h6 + p.Information {
		margin: 0;
		padding: 0;
	}

	.linkToShop:link {
		color: #5c6c09;
		text-decoration: none;
	}

	.linkToShop:visited {
		color: #5c6c09;
		text-decoration: none;
	}

	.clear {
		clear: both;
	}

	ul{
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		margin: 0;
	}

	li {
		background: url("./dot.png") 0% 4.3px  no-repeat;
		padding-left: 2%;
		vertical-align : middle;
		color: #5c6c09;
		margin: 1%;
	}

	.content {
		margin: 0 auto;
		width: 800px;
		padding-left: 60px;
	}
}