/* Reset */

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td{
margin: 0;
padding: 0;
border: 0;
}

*{
margin: 0px;
padding: 0px;
border: 0px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

*:before,
*:after{
box-sizing: inherit;
}

article,
aside,
footer,
header,
nav,
section,
main{
display: block;
}

img{max-width:100%;}


/* Top-level styles */

*{transition: all 0.2s ease;}

html{
  scroll-behavior: smooth;
  font:18px/1.4em Segoe UI, sans-serif;
}
body{
  font-family: 'Roboto', sans-serif;
  margin:0;
}
h1{font-size:2rem;}
h2{font-size:1.6rem;}
h3{font-size:1.2rem;}
h1,h2,h3{
  line-height:1em;
  margin-bottom:1rem;
  font-weight:normal;
}
p{margin-bottom:1rem;}

/* Framework */

.wrapper{
	width:75%;
	margin:0 auto 0 auto;
}
.flexwrap{
    display:flex;
}

/* Header Area */

.above-header{
	background:#6C875A;
	display:block;
	width:100%;
	height:3rem;
	color:#fff;
	line-height:3rem;
}

.above-header a{
    color:#fff;
    text-decoration:none;
}

header{
	background:url(https://web.archive.org/web/20190226143401im_/https://www.bestmassageintucson.com/v/img/main-banner.jpg) top center no-repeat;
	background-size:cover;
	position:relative;
}

header .logo{
	color:#fff;
	width:100%;
	font-family: montserrat,sans-serif;
  	font-size: 50px;
  	font-style: normal;
  	font-weight: 700;
	line-height:2.4em;
	text-shadow: 2px 2px 2px #000;
	padding:6rem;
}

/* Nav */

nav{
	width:100%;
	background:rgba(108, 135, 90, 0.75);
	position:absolute;
	bottom:0;
}
nav ul{
	display:flex;
}
nav ul li{
	list-style-type:none;
	flex:1;
	line-height:2.5rem;
}
nav ul li a{
	text-decoration:none;
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size:.9rem;
}
nav ul li:hover{
	background:#6C875A;
}

/* Page Content */

h1.page-title{
	font-family: montserrat,sans-serif;
  	font-size: 41.6px;
  	font-weight: 400;
	color:#5c5c5c;
	margin:1em 0 1em 0;
}

article{
    flex:3;
    padding-right:2rem;
}

article h2{
	width: 100% !important;
	font-size: 2em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: #6b8858 !important;
	font-weight: 400 !important;
	text-align: center !important;
	padding: 10px !important;
}

sidebar{
    flex:1;
    padding:2rem;
    background:rgba(108, 135, 90, 0.75);
}
sidebar h2{
    font-size:1.2rem;
    color:#fff;
    border-bottom:1px #fff solid;
    padding-bottom:1rem;
}
sidebar p{
    color:#2b2b2b;
}
sidebar .more-link{
    display:block;
    width:40%;
    color:#fff;
    background:#568a4e;
    text-align:center;
    text-decoration:none;
    line-height:3em;
    text-transform:uppercase;
}

/* Footer */

footer{
	background:#6C875A;
	color:#fff;
}
footer p{
	margin:0;
	line-height:3em;
}

/* Responsive */

@media (max-width:1200px){

	.above-header{text-align:center;}
	.wrapper{width:100%;}
	.flexwrap{display:block;}
	header .logo{
		width:100%!important;
		padding:1rem!important;
		text-align:center;
	}
	nav{
		position:static;
	}
	nav ul{
		display:block;
	}
	section article{
		padding:1rem!important;
	}
	section sidebar{
	    display:block;
	    width:100%;
	}
	.more-link{
	    width:80%!important;
	    margin:1rem auto 1rem auto;
	}
	footer{
		text-align:center;
	}
	footer p{
		line-height:1.4em;
		padding:0 1rem 0 1rem;
	}
}