@charset "utf-8";
/* CSS Document */

html, body {	
margin: 0;
background-image: url(../images/bg3.png);
background-size: contain;
background-attachment: fixed;

}

hr {
	background-color: dimgrey; height: 1px; border: 0;
}

h1, h2, h3, h4, h5 {
	font-family: 'Cinzel', serif;
}

p {
	font-family: 'Pontano Sans', sans-serif;
}

.logo {
	background-color: #752626;
	float: left;
	margin-top: -8px;
	margin-left: 5%;
	z-index: 3;
	width: 300px;	
	padding: 1em;
	position: absolute;
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
	border: thick solid #242424;
}

.nav {
	top: 0;
	margin: 0;
	margin-top: 0;
	background-color: #752626;	
	text-align: right;
	border-bottom: thick solid #242424;
	height: 65px;
	padding: 10px;
}

.nav ul li{
	display: inline-block;
	padding-right: 30px;
	
}

.nav ul li a{
	text-decoration: none;
	color:  beige;
	font-size: 0.9em;
	font-family: 'Cinzel', serif;
	font-style: bold;
	transition: all 0.3s linear;
}

.nav ul li a:hover {
	border-top: thin solid  beige;
	border-bottom: thin solid  beige;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content {
	background-color: rgba(0, 0, 0, 0.75); ;
	width: 85%;
	margin: auto;
}

#sidebar1 {
	color:  #D3D3D3;
	float: left;
	margin-left: 10em;
	width: 150px;
	margin-top: 15%;	
	background-color: #4e4e4e;
	padding: 1em;
}

#sidebar1 h3{
	color: #8daeb1;
}

#sidebar1 ul li{
	margin-left: -15px;
}

#sidebar1 a{
	color: #85aab2;
	text-decoration: none;
}

#sidebar1 a:hover{
	color:  #D3D3D3;
}

#catalogue {
	display: inline-block; 
	width: 60%; 
	margin-left: 60px; 
	margin-top: 40px;
}

.mobilelogo {
	display: none;
}

.navwrapper {
	background-color: #752626;	
}
#contactstuff {
	text-align: center;	
}
#contactstuff p{
	color:  #D3D3D3;	
}

#contactstuff h3{
	color:  #D3D3D3;	
}

#contactstuff a{
	color:  #D3D3D3;	
}
#contactstuff a:hover{
	text-decoration: none;	
}
.map {
	margin: auto;
	width: 85%;	
	padding: 2px;
}

.sire1 {
	padding: 2em;
	display: inline-block;	
	text-align: center;
	
}

.sire2 {
	padding: 2em;
	display: inline-block;	
	color:  #D3D3D3;
}

.sire2 h1{
	color: #8daeb1;
}

.button {
	transition: all 0.5s ease;
		width: 100px;
		padding: 10px;
		background-color: #752626;
		text-align: center;
		margin: auto;
		border-radius: 5px;
}

.button:hover {
	background-color: #933f3f;
	width: 120px;	
}

.button a{
	text-decoration: none;
	color:  beige;
}


#sale1 {
	display: inline-block;	
	vertical-align: top;
	margin: 3em;
	text-align: center;
	border-right: thin solid  dimgrey;
}


#sale2 {
	display: inline-block;
	width: 55%;
}

.button2 {
		width: 100px;
		padding: 10px;
		background-color: #752626;
		text-align: center;
		margin: auto;
		border-radius: 5px;
		transition: all 0.5s ease;
}

.button2 a{
	color:  beige;
	text-decoration: none;
}

.button2:hover {
	background-color: #933f3f;
	width: 120px;
	padding: 15px;
}

#resultimage{
	color:  #D3D3D3;
	display: inline-block;
	vertical-align: top;
	
}


#results {
	vertical-align: top;
	color:  #D3D3D3;
	font-size: 14px;
	
}




@media screen and (max-width: 736px)  {
		.logo {
			display: none;	
		}
		
		.nav {
			text-align: center;
			height: auto;
		}
		.nav ul li a {
			font-size: 1.2em;
		}
		
		.mobilelogo {
			display: block;	
			background-color: #752626;
		}
		
		#sidebar1 {
			width: 85%;
			position: relative;
			margin: auto; 	
			float: none;
		}
		
		#catalogue {
			width: 85%;
			margin: auto;	
			display: block;
		}
		
		#sale1 {
			display: block;
			border: none;
			width: 100%;
			margin: auto;
}

#sale2 {
	width: 100%;
}	
}

.content .sire2 p strong {
	color: #903;
}