/* Scss Document */
@import "var";
hr {
	border:none;
}
a {
	color:white;
	text-decoration:none;
	font-family: $body-font;
}

a, div, svg, span, p, h1, h2 {
	transition: 0.3s ease;
}

body {

background-color:$dark;
}
.container {
	@include r-pin(0px);
	padding:5px;
	overflow: hidden;
	
}

.left {
	position:fixed;
	width:30%;
	height:auto;
	top:2px;
	bottom:2px;
	left:2px;
	z-index:0;
	@include bg-image(url(../img/leftAlt.png), cover, right center, no-repeat);
}

.right {
	@extend .left;
	right:2px;
	left:auto;
	@include bg-image(url(../img/right.png), cover, left center, no-repeat);
	
	
}


.page_wrap {
	width: 100%;
	height: 100%;
	@include vt-flex;
	justify-content: space-between;
	align-items: stretch;
	z-index: 999;
	//background-color:$dark;
	//@include bg-image(url(../img/jewellery.png), cover, 50% top, no-repeat);
//	background-image:url(../img/left.png), url(../img/right.png);
//		background-position: left center, right center;
//		background-size:auto 100%;
//		background-repeat: no-repeat;
}

.logo svg {
	width:100%;
	height:100%;
	fill:white;
}

header {
	width:100%;
	height:auto;
	box-sizing: border-box;
	flex-shrink:0;
	@include vt-flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	@include media($phone) {
		padding-top:10px;
	}
	@include media($lrgphone) {
		padding-top:12px;
	}
	@include media($tablet) {	
		padding-top:15px;
	}
	@include media($desktop) {	
		padding-top:18px;
	}
	#main_logo {
		padding:5px;
		@include media($phone) {
			width:160px;
			height:120px;
		}
		@include media($lrgphone) {
			width:200px;
			height:150px;
		}
		@include media($tablet) {
			width:260px;
			height:195px;
		}
		@include media($desktop) {
			width:300px;
			height:225px;
		}
	}
	#london-monaco {
		padding:3px;
		@include media($phone) {
			width:106px;
		}
		@include media($lrgphone) {
			width:130px;
		}
		@include media($tablet) {
			width:165px;
		}
		@include media($desktop) {
			width:190px;
		}
	}
}

.text {
	color:white;
	text-align: center;
	text-transform:uppercase;
	#main_title {
		font-family:$title-font;
		@include media($phone) {
			font-size:2.5em;
			letter-spacing:4px;
		}
		@include media($lrgphone) {
			font-size:3.5em;
			letter-spacing:8px;
		}
		@include media($tablet) {	
			font-size:4em;
			letter-spacing:10px;
		}
		@include media($desktop) {	
			font-size:4.3em;
			letter-spacing:12px;
		}
	}
	.list {
		width:100%;
		margin:0;
		padding:0;
		@include hz-flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		font-family:$body-font;
		li {
			padding:0;
			list-style: none;
			@include media($phone) {
				font-size:0.67em;
				margin:1px 2px;
			}
			@include media($lrgphone) {
				font-size:0.8em;
				letter-spacing:1px;
				margin:2px 4px;
			}
			@include media($tablet) {	
				font-size:1em;
			}
			@include media($desktop) {	
				font-size:1.2em;
			}
		}
		li.break {
			flex-basis:100%;
		}
		li.point {
			font-size: 0.7em;
		}
	}
}



.content {
  	//width:100%;
  	height:auto;
	@include vt-flex;
	justify-content: space-between;
	align-items: stretch;
	position:relative;
	margin-top:10px;
	flex-grow: 1;
	
	.inner {
		flex-grow: 1;
		@include vt-flex;
		justify-content:flex-end;
		align-items:center;
		
		
		
	}
	
}

.info {
	width:50%;
	color:white;
	font-size:12px;
	text-align:center;
	
	
	.address {
		@include vt-flex;
		justify-content: space-between;
		margin-bottom:5px;
		font-size:10px;
		text-transform:uppercase;
		letter-spacing:0.5px;
		a {
			padding:2px;
			font-size:17px;
			color:#FF513E;
			text-transform:none;
			letter-spacing:1px;
			line-height:20px;
			font-weight: bold;
			//border:1px solid white;
			//text-decoration: underline;
		}
		a:hover {
			letter-spacing:2px;
		}
		.monaco {
			
		}
		.london {
			
		}
		span {
			font-size:14px;
		}
		}
	.contact {
		font-size:16px;
		//text-transform:uppercase;
		a {
			padding:2px;
			font-size:17px;
			color:#FF513E;
			text-transform:lowercase;
			letter-spacing:1px;
			line-height:20px;
			font-weight: bold;
			//border:1px solid white;
			//text-decoration: underline;
		}
		a:hover {
			letter-spacing:2px;
		}
	}
	@include media($phone) {
		margin-bottom:10px;
	}
	@include media($lrgphone) {
		margin-bottom:12px;
	}
	@include media($tablet) {	
		margin-bottom:15px;
	}
	@include media($desktop) {	
		margin-bottom:18px;
	}
}


.footer {
	display:none;
	width:100%;
	height:20px;
	flex-shrink:0;
//	display:flex;
//	flex-direction:row;
//	justify-content:center;
//	align-items:center;
	color:$light;
	span {
		font-size: 11px;
		font-family:$body-font;
		letter-spacing:1px;
	}
}