* {box-sizing:border-box;}
body {font-family:"Oxygen","Jura", "Alatsi", "Raleway", sans-serif;font-size:1em;background-color: #ffffff;color:#333333;margin: 0;text-align: center;line-height:1.5;}
body#homepage {}
body#servicepage {background-image:url(../img/hero-services.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
body#specialspage {background-image:url(../img/hero-specials.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
body#gallerypage {background-image:url(../img/hero-gallery.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
body#aboutpage {background-image:url(../img/hero-about.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
body#contactpage {background-image:url(../img/hero-contact.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
body#privacypage, body#termspage, body#disclaimerpage {background-image:url(../img/hero-privacy-terms.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
h1 {font-family:"Alatsi", "Raleway", sans-serif;font-size:1.5em; text-transform:uppercase;font-weight:bold;color:#7c1b6a;}
h2 {font-family:"Alatsi", "Raleway", sans-serif;font-size:1.5em; text-transform:uppercase;font-weight:bold;color:#7c1b6a;}
h3 {font-family:"Alatsi", "Raleway", sans-serif;font-size:1.25em; text-transform:uppercase;font-weight:bold;color:#7c1b6a;}
a {text-decoration:none;}
span {display:inline-block;}
header {position:fixed;z-index:1000;top:0;left:0;width:100%; margin:0;padding:0;background-color:#991c75; border-top: solid 15px #7c1b6a;}
header #menu label, #hamburger { display: none;float:right;z-index:1100;font-size:2em;color: transparent;text-shadow: 0 0 0 rgb(255, 255, 255);}
.header-links #menu { margin:0;padding:0;z-index:1500;}
.header-links #menu:before, header .header-links #menu:after {content:"";display:table;}
.header-links #menu:after {clear:both;}
.header-links #menuitems {display:flex;width:50%; float:right;z-index:2000;}
.header-links #menuitems a {width:20%; text-align:center;margin:0;padding:12px 0 12px;z-index:3000;text-underline-offset:5px;color:#ffffff;}
.header-links #menuitems a:hover {background-color:#7c1b6a; color:#ffffff;text-decoration:none;}
.header-logo {position:fixed;z-index:1010;top:0;left:10%;width:200px; height:145px; background-color:#ffffff;text-align: center;border-radius:0 0 20px 20px;margin:0;padding:18px 0 0;}
.header-logo-shadow {position:fixed;z-index:900;top:0;left:10%;width:200px; height:145px; border-radius:0 0 20px 20px;margin:0;box-shadow:0 2px 3px #cccccc;}
.header-logo img {position:relative;z-index:2000;top:0;left:auto;width:150px; margin:0 0 10px 0;padding:0;}
.header-links {color:#ffffff; margin:0;padding:0; text-align: right;}
header .tagline {font-family:"Times New Roman", serif;color:#991c75; font-size:.8em;}
header .social {position:fixed; top:124px; right:0; color:#ffffff; margin:0; padding:0;}
.fa-facebook {background: #3B5998;color: white; }
.fa {padding: 20px 25px;font-size: 25px;width:auto;text-align: center;text-decoration: none;margin: 0;border-radius: 10px 0 0 10px;}
.fa:hover {background: #123861;border-radius: 10px 0 0 10px;}
header .phone {position:fixed; top:65px; right:0; margin:0; padding:0;}
header .phone a { font-size:1.2em; font-weight:bold;display:block;margin:0; padding:10px 15px 15px;background-color:#c553a4;color:#ffffff;border-radius: 10px 0 0 10px;}
header .phone a:hover {background-color:#7c1b6a;}
header .phone .material-icons {display:inline-block;position:relative; top:6px; margin:0; padding:0 10px 0 0;}
footer {background-color:#7c1b6a; color:#ffffff;border-top: solid 15px #991c75;margin:0;padding:0 25px 25px;}
footer ul {display:inline-block; text-align:center;margin:0;padding:0;}
footer li {display:inline-block;border:0; margin:0; padding:0;}
footer a {display:inline-block;color:#ffffff; text-decoration:none;margin:0;padding:12px 25px 15px;border-radius:20px;}
footer a:hover {background-color:#991c75;}
address {font-style:normal;}
address a {border:solid 2px #991c75;border-radius:20px;margin:15px 10px 0;padding:10px 25px 13px;}
footer li a:hover {border-radius: 0 0 20px 20px;}
address .material-icons {position:relative;top:4px; margin:0 15px; padding:0;}
.home-hero {width:100%; margin:0;padding:200px 0 0; color:#ffffff;background-image:url(../img/hero-home.jpg);background-repeat:no-repeat;background-position:top center;background-size:100%;}
.home-hero h1 {display:inline-block;color:#ffffff;font-size:2em;background-image:linear-gradient(rgb(0,0,0,0.5),rgb(0,0,0,0.5)); padding:5px 15px; border-radius:5px;}
.home-hero p { font-size:1.5em;background-image:linear-gradient(rgb(0,0,0,0.5),rgb(0,0,0,0.5)); padding:5px 15px;}
.home-hero a, .page-service a, .page-specials a, .page-gallery a, .page-contact a {font-family:"Verdana", sans-serif;font-size:1.5em; text-transform:uppercase; font-weight:bold;display:inline-block; background-color:#991c75;color:#ffffff; text-decoration:none;margin:0;padding:12px 25px 13px;border-radius:10px;}
.page-service ul, .page-specials ul, .page-gallery ul, .page-contact ul {list-style:none; margin:15px 0 0 0;padding:0;}
.page-service li, .page-specials li, .page-gallery li, .page-contact li {list-style:none; margin:5px 0 0 0;padding:0;}
.page-service a, .page-specials a, .page-gallery a, .page-contact a {font-size:.9em;}
.page-contact .material-icons {position:relative;top:6px;}
.home-hero a:hover, .page-service a:hover, .page-specials a:hover, .page-gallery a:hover, .page-contact a:hover {background-color:#7c1b6a;}
.home-hero .material-icons {position:relative; top:3px; margin:0 10px; padding:0;}
.row {width:100%;height:auto;background-color:#ffffff;display: flex;flex-wrap:wrap;justify-content:center; align-items:stretch; margin:0;padding:25px 0;clear:both;}
.row .row-item, .row-page .row-item {width:27%;height:100%; margin:0; padding:0 25px;text-align:left;}
.row .row-item .row-content {height:100%;}
.row ul {list-style:circle; color:#333333; width:100%; text-align:left; margin:0; padding:25px 25px 0;}
.row h2 {color:#7c1b6a;}
.row a { color:#991c75; font-weight:bold;}
.home-intro .row-item .row-content img, .page-about .row-item .row-content img {width:49%; margin:0; padding:20px 15px 10px;}
.nail-products {background-color:#e9ecf1;}
.nail-products img {width:80%;}
.salon-info {background-color:#e9ecf1; margin:0;padding:0;}
.salon-info .row-item {width:45%;margin:0; padding:0;}
.salon-info a {border:0;}
table.hours { width:100%;border-collapse: collapse;border:solid 1px #e9ecf1; margin:0; padding:0;background-color:#ffffff;}
.hours td, th {padding: .5em; margin:0;border:solid 1px #e9ecf1;text-align:center; vertical-align:middle;}
.hours th {background-color:#efefef;font-weight:bold;}
.hours .td-address, .hours .td-social {width:250px;}
.hours .red {color:#ff0000;}
.hours .material-icons {position:relative; top:4px; margin:0 10px 20px 0; padding:0;}
iframe {border:solid 1px #e9ecf1; width:100%; height:390px; margin:0; padding:0;}
.did-you-know img {width:auto;}
.page-hero {width:100%;height:550px;}
.row-page {width:100%;height:auto;background-color:#ffffff;display: flex;flex-wrap:wrap;justify-content:center; align-items:stretch; margin:0;padding:25px 0;clear:both;}
.row-page .row-item {width:30%;height:100%; margin:0; padding:0 25px;text-align:left;}
.row-page .row-item .row-content {height:100%;}
table.nailservices {width:100%;border-spacing:0;border-collapse:collapse; background-color:#f9f9f9;}
table.nailservices th {width:50%; text-align:left;border:none;border:solid 1px #666666; margin:0; padding:auto;background-color:#d779ca; color:#ffffff; font-weight:bold;}
table.nailservices td {width:auto; text-align:center;border-bottom:dotted 1px #999999;padding:5px 10px;}
table.nailservices td:first-child {text-align:left;}
.img-box {display:inline-block;overflow:hidden;width:31%;height:200px;margin:15px 10px; padding:0; text-align:center; vertical-align:middle;}
.img-box img {width:100%;position: relative;top: 50%;transform: translateY(-50%);}
.row .full-width, .row-page .full-width {width:100%; margin:0; padding:0 50px; text-align: center;}
.bg-gray {background-color:#e9ecf1;}
.page-privacy .row-item, .page-terms .row-item, .page-disclaimer .row-item {text-align:left;}
/*--*/
/*--*/
.contact-form {padding: 20px 0 0 20px;text-align:left;background-color:#ffffff;}
input[type=text], select, textarea {width: 100%;padding: 5px;border: 1px solid #ccc;box-sizing: border-box;margin-top: 3px;margin-bottom: 10px;resize: vertical;}
input[type=submit] {background-color: #e57436;color: white;padding: 5px 20px;cursor: pointer;border:none;text-transform:uppercase;}
input[type=submit]:hover {background-color: #183251;}
/*--*/
@media screen and (max-width: 1430px) {
	.page-hero {height:350px;padding:80px 0 0;}
	.home-hero {background-position:bottom center;}
	.home-hero h1 {font-size:1.5em;}
	.home-hero p {font-size:1.1em;}
	.home-hero a {font-size:1.1em;border-radius:20px;}
	.home-hero .material-icons {top:5px; margin:0 10px;}
	table.hours {height:425px;}
	iframe {height:425px; margin:0; padding:0; vertical-align:middle;}
	.page-privacy .row-item, .page-terms .row-item, .page-disclaimer .row-item {text-align:left;}
}
@media screen and (max-width: 1260px) {
	.header-logo, .header-logo-shadow {left:2%;}
	.header-logo img {width:125px;}
	.page-hero {height:300px;}
	.row .row-item, .row-page .row-item {width:75%;}
	.row .row-item:last-child, .page-about .row-item {width:75%;}
	.nail-products .row-item, .nail-products .row-item:last-child {width:40%;}
	.salon-info .row-item {width:75%;text-align:center; margin:0 auto;}
	.did-you-know img {width:80%;}
	.row .full-width, .row-page .full-width {width:100%; margin:0; padding:0 25px; text-align: center;}
	.img-box {width:45%;}
	.page-privacy .row-item, .page-terms .row-item, .page-disclaimer .row-item {text-align:left;}
}
@media screen and (max-width: 900px) {
	body {background-size:150%;}
	.header-logo, .header-logo-shadow {left:5px;width:100px; height:110px;}
	.header-logo img {width:70px;}
	.header-links #menuitems {width:60%;}
	footer ul:nth-child(2) li a {border-radius:20px;}
	.page-hero {height:250px;background-position:50% -25px;}
	.home-hero {background-size:125%;}
	.salon-info .row-item {width:75%;text-align:center; margin:0 auto;}
	.page {width:90%;}
	.page .service-gallery img {width:100%;}
	.page-gallery .row-item {width:35%;}
	.page-gallery .row-item .row-content {;}
	.page-gallery .row-item .img-box {}
	.page-gallery .row-item img {}
	.page-privacy .row-item, .page-terms .row-item, .page-disclaimer .row-item {text-align:left;}
}
@media screen and (max-width: 760px) {
	.row .row-item {width:32%;}
	header .header-links #menu label {display:inline-block;color:#ffffff;background-color:#000000; margin:0; padding:0px 15px 1px; color: transparent;text-shadow: 0 0 0 rgb(255, 255, 255);}
	header .header-links #hamburger {}
	header .header-links #menuitems {border-bottom:solid 1px #333333;}
	header .header-links #menuitems a {border-sizing:bord-box; display:block; width:100%; border-top:solid 1px #702963; background-color:#b54e9e; padding:15px 0 14px;}
	header .header-links #menuitems a:hover {background-color:#7c1b6a;}
	header .header-links #menuitems {display:none; width:100%;}
	header .header-links #menu input:checked ~ #menuitems { display:block;}
	.home-hero {background-size:175%;}
	.home-hero h1 {font-size:1.2em;}
	.row .row-item, .row-page .row-item {width:43%;}
	.row .row-item:last-child, .page-about .row-item {width:90%;}
	.nail-products .row-item, .nail-products .row-item:last-child {width:80%; text-align: center;}
	.salon-info .row-item {width:90%;text-align:center; margin:0 auto;}
	table.hours { width:100%; font-size:.8em;}
	.hours .td-address, .hours .td-social {width:200px;}
	.hours .td-social img {width:150px;}
	.did-you-know img {width:95%;}
	.row .full-width, .row-page .full-width {width:100%; margin:0; padding:0 25px; text-align: center;}
	.img-box {width:90%;height:250px;}
	.page-privacy .row-item, .page-terms .row-item, .page-disclaimer .row-item {text-align:left;}
}
@media screen and (max-width: 600px) {
	body#servicepage, body#specialspage, body#gallerypage, body#aboutpage, body#contactpage, body#privacypage, body#termspage, body#disclaimerpage {background-size:150%;background-position:50% 0;}
	.header-logo, .header-logo-shadow {height:85px;padding:14px 0 0; }
	.header-logo img {width:60px;margin:0 0 8px 0;}
	header {border:none;}
	header .tagline {line-height:.8em;}
	header .social {bottom:80px;}
	header .phone { bottom:10px;}
	header .phone a { font-size:1em;}
	footer li {padding:0 5px;}
	footer li:last-child a, footer ul:first-child li:nth-last-child(2) a {border-radius:20px;}
	.page-hero {height:250px;padding:90px 0 0;}
	.home-hero {background-size:140%;padding:90px 0 0;}
	.home-hero h1 {font-size:1.1em; margin:0;}
	.home-hero p {font-size:1.1em;margin:0;}
	.home-hero a {display:block;font-size:1.2em; padding:5px 20px 10px;border-radius:0;}
	.home-hero .material-icons {top:6px; margin:0 10px;}
	.row .row-item, .row-page .row-item {width:90%; margin:2px 0 0;height:auto;}
	.row .row-item .row-content {padding:0 0 25px;}
	.row ul {display:inline-block; width:100%;vertical-align:top; margin:0 0 0 15px; padding:0 0;}
	.salon-info .row-item {width:100%;text-align:center; margin:0 auto;}
	table.hours { width:100%; font-size:.7em;}
	.hours .td-address, .hours .td-social {width:200px;}
	.hours .td-social img {width:150px;}
	.row .full-width, .row-page .full-width {width:100%; margin:0; padding:0 25px; text-align: center;}
	.page-privacy .row-item, .page-terms .row-item, .page-disclaimer .row-item {text-align:left;}
}