@charset "UTF-8";
/* CSS Document */
html {
	width: 100%;
}

html,
body,
#barbaros-prices { 
  height: 100% !important;
  margin: 0;
  padding: 0;
}

body {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 16px;
	padding: 5%;
	color: #000;
	background-color: #F2ECEC;
}

h1, h2, h3 {
	color: #996699;
}

.ui-header h1, .ui-header h2 {
	color: #996699;
}

.ui-page .ui-header {
    /* background: #660066 !important; */
	background-color: #F2ECEC;
}

.ui-navbar a {
	background-color: #660066;
}

.ui-content {
	padding-left: 0;
	padding-right: 0;
	background-color: #F2ECEC;
	/* border: 1px dotted #000; */
}

.barbaros-button {
	background-color: #660066 !important;
}

#logo {
	display: block;
	/* mobile first */
	background-image: url("../images/mobile/barbaros-hair-salon-new-logo.png");
	background-repeat: no-repeat;
	width: 180px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5%;
	margin-top: 0;
	/* border: 1px dashed #000; */
}

img#rahme-barbaros {
	display: block;
	width: 180px;
	height: 250px;
	
	background-image: url("../images/rahme-barbaros.png");
}
	
/* larger screens */
@media only screen and (min-width: 736px) {
	#logo {
		background-image: url("../images/barbaros-hair-salon-new-logo.gif");
		width: 300px;
		height: 53px;
		margin-bottom: 2%;
		border: none;
	}
}

div#facebook-logo { /* mobile screen */
	width: 30px;
	height: 30px;
	background-image: url(../images/mobile/facebook.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 10px;
}

@media screen and (min-width: 400px) {
	div#facebook-logo {
		background-image: url(../images/facebook.png);
		background-repeat:  no-repeat;
		width: 120px;
		height: 120px;
		border-radius: 10px;
	}
}

div#twitter-logo { /* mobile screen */
	width: 30px;
	height: 30px;
	background-image: url(../images/mobile/twitter.png);
	background-repeat: no-repeat;
}

@media screen and (min-width: 400px) {
	div#twitter-logo {
		background-image: url(../images/twitter.png);
		background-repeat:  no-repeat;
		width: 120px;
		height: 120px;
	}
}

div#instagram-logo { /* mobile screen */
	width: 30px;
	height: 30px;
	background-image: url(../images/mobile/instagram.png);
	background-repeat: no-repeat;
}

@media screen and (min-width: 400px) {
	div#instagram-logo {
		background-image: url(../images/instagram.png);
		background-repeat:  no-repeat;
		width: 120px;
		height: 120px;
	}
}

#barbaros-balmain {
	background-image: url(../images/mobile/barbaros-goldwell-1.png);
	background-repeat: no-repeat;
	width: 111;
	height: 138;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	overflow: hidden;
}

@media screen and (min-width: 400px) {
	div#barbaros-balmain {
		background-image: url(../images/barbaros-goldwell-1.png);
		background-repeat:  no-repeat;
		width: 300px;
		height: 207px;
	}
}


#lewisham-business-awards {
	background-image: url(../images/mobile/lewisham-wdyl.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid rgba(237,182,183,1.00); /* fiddle to "pad out" background image.*/
} 

@media screen and (min-width: 400px) {
	div#lewisham-business-awards {
		background-image: url(../images/lewisham-wdyl.png);
		background-repeat:  no-repeat;
		width: 300px;
		height: 387px;
	}
}

#barbaros-hair-salon {
	background-image: url(../images/mobile/barbaros-goldwell-2.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 138px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	overflow: visible;
	/* border: 1px dashed #000; */
}

@media screen and (min-width: 400px) {
	div#barbaros-hair-salon {
		background-image: url(../images/barbaros-goldwell-2.png);
		background-repeat:  no-repeat;
		width: 300px;
		height: 207px;
	}
}

div#buyLine {
	font-family: abel, Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	/* border: 1px dotted; */
}

#barbaros-instagram {
	height: 35px;
	width: 35px;
	background-image: url(../images/mobile/instagram.png);
}

#barbaros-facebook {
	height: 35px;
	width: 35px;
	background-image: url(../images/mobile/facebook.png);
}

div#social-links a {
	outline: none;
	border: 0;
	text-decoration: none;
}