*{
				margin: 0;
				padding: 0:
				}

			html{
				background-color: rgb(79, 76, 69, .15);
				}
			@media only screen and (max-width: 992px){
				html{
				background-color: white;
				}
				}
			body{
				width: 1000px;
				margin: 0 auto;		
				}
			@media only screen and (max-width: 992px){
				body{
				width: 100%;
				margin: 0 auto;
				}
				}
				
		/*logo start*/
			
			.logo{
				position:relative;
				width: 250px;
				height: 250px;
				background-color: rgb(79, 76, 69);
				float: left;
				}
			@media only screen and (max-width: 992px){
				.logo{
				float: left;
				position: relative;
				width: 25%;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 991px){
				.logo{
				float: left;
				position: relative;
				width: 100%;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 749px){
				.logo{
				float: left;
				position: relative;
				display: block;
				min-width: 150px;
				height: 250px;
			
				}
				}
			.rockwell_logo{
				display: block;
				margin: 0 auto;
				}
			@media only screen and (max-width: 768px){
				.rockwell_logo{
				display: block;
				max-width: 100%;
				
				}
				}
		/*logo end*/
		
		/*header contact info start*/
	  
		@media only screen and (min-width: 750px){
		    .header-mobile{
		    	display: none;
		    	}
		    	}
		
		@media only screen and (min-device-width: 320px) and (max-width: 749px){
		    .header-mobile{	
		    	float: left;
		    	position: relative;
		    	width: 100%;
		    	height: 250px;
		    	background-color: white;
		    	}
		    	}
		@media only screen and (min-device-width: 320px) and (max-width: 749px){
		    .header-mobile-text{
		    	position: absolute;
		    	width: 60%;
		    	top: 50%;
		    	left: 50%;
		    	transform: translate(-50%, -50%);
		    	font-family: 'Roboto Condensed', sans-serif;
				font-weight: 300;
				font-size: 4vw;
				color: rgb(79, 76, 69);
			
		    	}
		    	}
			a[href^=tel]{
				color: inherit;
				text-decoration: none;
				}
			.header-text{
				position: relative;
				width: 750px;
				height: 200px;
				float: right;
				background-color: white;
				text-align: center;
				overflow: hidden;
				}
		@media only screen and (max-width: 992px){
			.header-text{
				position: relative;
				width: 75%;
				float: left;
				text-align: center;
				}
				}
		@media only screen and (min-device-width: 750px) and (max-device-width: 991px){
			.header-text{
				float: left;
				width: 100%;
				margin: 0 auto;
				}
				}
		@media only screen and (max-width: 749px){
			.header-text{
				display: none;
				}
				}		
			.header-row{
				position: relative;
				width: 750px;
				height: 100px;
				}
		@media only screen and (min-device-width: 750px) and (max-device-width: 991px){
			.header-row{
				position: relative;
				width: 100%;
				}
				}
			.header-row-box{
				position: relative;
				display: inline-block;
				width: 220px;
				height: 80px;
				margin: 10px;
				}
			
			.header-row-box-long{
				position: relative;
				display: inline-block;
				width: 330px;
				height: 80px;
				margin: 10px;
				}
		
			.icon-box{
				position: relative;
				float: left;
				width: 50px;
				height: 40px;
				}
			
			.icon-text{
				position:relative;
				float: left;
				width: 150px;
				height: 40px;
				color: rgb(79, 76, 69); 
				padding: 20px 0;
				}
			
			.icon{
				height: 90%;
				padding: 20px 0;
				}
			.large-header-text{
				font-size: 20pt;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 300;
				}
		
			.medium-header-text{
				font-size: 15pt;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 300;
				}
			.small-header-text{
				font-size: 11pt;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 300;
				}
		/*header contact info end*/	

		/*nav bar start*/	
			.nav-bar{
				position:relative;
				width: 750px;
				height: 50px;
				float: right;
				background-color: #E90089;
				overflow: hidden;
				}
			@media only screen and (max-width: 992px){
				.nav-bar{
				position: relative;
				display: block;
				float: left;
				width: 75%;
				}
				}
			@media only screen and (min-device-width: 649px) and (max-device-width: 991px){
				.nav-bar{
				float: left;
				position: relative;
				display: block;
				width: 100%;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 648px){
				.nav-bar{
				display: none;
				}
				}
			.nav-button{
				text-align:center;
				display:inline-block;
				padding: 14px;
				background-color: #E90089;
				color: white;
				width: 150px;
				font-family: 'Roboto Condensed', sans-serif;
				font-size: 14pt;
				font-weight: 400;
				text-transform: uppercase;
				}
			@media only screen and (min-device-width: 649px) and (max-device-width: 992px){
				.nav-button{
				position: relative;
				float: left;
				width: 25%;
				padding: 14px 0;
				}
				}
		
			ul.nav{
				list-style-type: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				text-align: center;
				}
			
			.nav-bar .nav-button:hover{
			background-color: #95C83D;
			}
		/*mobile-nav start*/
			/* MENU STYLES */
:root {
  --primary-color: rgba(79, 76, 69, 1);
  --overlay-color: rgba(233, 0, 137, 0.75);
  --menu-speed: 0.75s;
}

.menu-wrap {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-device-width: 649px){
.menu-wrap{
	display: none;
	}
	}
	

.menu-wrap .toggler {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  opacity: 0;
}

.menu-wrap .hamburger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  padding: 1rem;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hamburger Line */
.menu-wrap .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

/* Hamburger Lines - Top & Bottom */
.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 2px;
  background: inherit;
}

/* Moves Line Down */
.menu-wrap .hamburger > div::after {
  top: 10px;
}

/* Toggler Animation */
.menu-wrap .toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}

/* Turns Lines Into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
}

/* Rotate On Hover When Checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
  transform: rotate(225deg);
}

/* Show Menu */
.menu-wrap .toggler:checked ~ .menu {
  visibility: visible;
}

.menu-wrap .toggler:checked ~ .menu > div {
  transform: scale(1);
  transition-duration: var(--menu-speed);
}

.menu-wrap .toggler:checked ~ .menu > div > div {
  opacity: 1;
  transition:  opacity 0.4s ease 0.4s;
}

.menu-wrap .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto Condensed', sans-serif;
}

.menu-wrap .menu > div {
  background: var(--overlay-color);
  border-radius: 50%;
  width: 200vw;
  height: 200vw;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.4s ease;
}

.menu-wrap .menu > div > div {
  text-align: center;
  max-width: 90vw;
  max-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.menu-wrap .menu > div > div > ul > li {
  list-style: none;
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
}

.menu-wrap .menu > div > div > ul > li > a {
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}
/*mobile nav end*/
		/*nav bar end*/
		/*white bar spacer start*/
			.spacer{
				float: left;
				width: 1000px;
				height: 10px;
				background-color: white;
				}
			@media only screen and (max-width: 992px){
				.spacer{
				position: relative;
				width: 100%;
				}
				}
		/*white bar spacer end*/
		/*background-colors-start*/
			.white-background{
				background-color: white;
				}
			.light-green-background{
				background-color: #f4f9eb;
				}
			.light-pink-background{
				background-color: #ffe9f6;
				}
				
		/*background-colors-end*/
		/*top-left photo box & info boxes start*/
			.container-one{
				float: left;
				width: 700px;
				height: 500px;
				}
			@media only screen and (max-width: 992px){
				.container-one{
				display: block;
				float:left;
				width: 70%;
				height: auto;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 991px){
				.container-one{
				display: block;
				float: left;
				width: 100%;
				height: auto;
				}
				}
			.container-one-two{	
				float: left;
				width: 700px;
				height: 500px;
				}
			@media only screen and (max-width: 992px){
				.container-one-two{
				display: block;
				float: left;
				width: 100%;
				height: auto;
				}
				}
				
			#directions-text-box{
				position: relative;
				display: block;
				width: 600px;
				margin: 0 auto;
				padding-top: 25px;
				}
			@media only screen and (max-width: 992px){
			#directions-text-box{
				width: 85%;
				display: block;
				margin: 0 auto;
				padding-bottom: 30px;
				}
				}
			#info{
				position: relative;
				display: inline-block;
				font-family: 'Roboto Slab', serif;
				font-size: 17pt;
				font-weight: 300;
				color: rgb(79, 76, 69); 
				}
			.rockwell{
				font-weight: 700;
				}
			
			#open-quote{
				position:relative;
				display: inline-block;
				left: 15px;
				top: 10px;
				float: left;
				width: 75px;
				height: 100px;
				font-family: 'Playfair Display', serif;
				font-size: 100pt;
				color: white;
				}
			@media only screen and (max-width: 992px){
				#open-quote{
				display: none;
				}
				}
			#close-quote{
				position: relative;
				display: inline-block;
				top: 300px;
				float: right;
				width: 75px;
				height: 100px;
				font-family: 'Playfair Display', serif;
				font-size: 100pt;
				color: white;
				}

			@media only screen and (max-width: 992px){
				#close-quote{
				display: none;
				}
				}
			#goal-text{
				display: inline-block;
				width: 550px;
				height: 300px;
				margin: 0 auto;
				padding-top: 75px;
				}
			@media only screen and (max-width: 992px){
				#goal-text{
				display: block;
				width: 90%;
				height: auto;
				}
				}
			blockquote{
				padding-top: 15px;
				font-family: 'Roboto Slab', serif;
				font-size: 17pt;
				font-weight: 300;
				color: rgb(79, 76, 69); 
			}
			@media only screen and (max-width: 992px){
			blockquote{
				padding-top: 0px;
				}
				}
			@media only screen and (max-width: 992px){
			blockquote::before{
				content: open-quote;
				}
				}
			@media only screen and (max-width: 992px){
			blockquote::after{
				content: close-quote;
				}
				}
			
			#attribution{
				position: relative;
				display: block;
				width: 550px;
				height: 50px;
				margin: 0 auto;
				font-family: 'Roboto Slab', serif;
				font-size: 18pt;
				font-weight: 700;
				color: rgb(79, 76, 69);
				text-align: right;
				margin-top: 40px;
				line-height: 25px;
			}
			@media only screen and (max-width: 749px){
			#attribution{
				position:relative;
				display: block;
				width: 100%;
				text-align:center;
				}
				}
			
			#practice{
				position:relative;
				height: 500px;
				}
			@media only screen and (max-width: 992px){
				#practice{
				width: 100%;
				height: auto;
				display: block;
				}
				}
			#services-container{
				float:left;
				width: 700px;
				height: 1147px;
				background-color: white;
				overflow: hidden;
			}
			@media only screen and (max-width: 992px){
			#services-container{
				display: block;
				width: 100%;
				height: auto;
				}
				}
			.staff-container{
				width: 100%;
				height: auto;
				background-color: #f4f9eb;
				}
			
			#insurance-info-container{
				position: relative;
				width: 610px;
				font-family: 'Roboto Slab', serif;
				font-size: 12pt;
				font-weight: 300;
				color: rgb(79, 76, 69);
				margin: 0 auto;
				}
			@media only screen and (max-width: 992px){
			#insurance-info-container{
			
				display: block;
				width: 90%;
				margin: 0 auto;
				}
				}
					
			#insurances{
				margin-top: 15px;
				font-family: 'Roboto Slab', serif;
				font-size: 12pt;
				font-weight: 400;
				color: rgb(79, 76, 69);
				}
			
			.insurance-list{
				list-style: none;
				padding-top: 15px;
				display: block;
				width: 280px;
				margin: 0 auto;
				font-family: 'Roboto Slab', serif;
				font-size: 12pt;
				font-weight: 400;
				color: rgb(79, 76, 69);
				}
			@media only screen and (max-width: 992px){
			.insurance-list{
				padding-bottom: 25px;
				}
				}
			.insurance-list li::before {
  				content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  				color: #E90089; /* Change the color */
  				font-size: 14pt;
  				font-weight: bold; /* If you want it to be bold */
  				display: inline-block; /* Needed to add space between the bullet and the text */
  				width: 1em; /* Also needed for space (tweak if needed) */
  				margin-left: -1em; /* Also needed for space (tweak if needed) */
				}
		/*top-left photo box & info boxes end*/	
		/*practice hours box start*/
			.hours{
				float: left;
				padding: 20px;
				width: 300px;
				height: 500px;
				background-color: white;
				border-left: 10px solid white;
				border-right: 10px solid white;
				box-sizing: border-box;
				}
			@media only screen and (max-width: 992px){
				.hours{
				float: left;
				width: 30%;
				height: auto;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 991px){
				.hours{
				float: left;
				width: 100%;
				}
				}
			#hour-header{
				font-family: 'Roboto Slab', serif;
				font-weight: 700;
				font-size: 16pt;
				text-align:center;
				color: rgba(149, 200, 61, 1);
				padding-bottom: 25px;
				}
			.divTable{
				display: table;
				width: 100%;
				}
			@media only screen and (max-width: 992px){
				.divTable{
				position: relative;
				margin-left: auto;
				margin-right: auto;
				width: 250px;
				}
				}
			
			.divTableRow {
				display: table-row;
				}
			
			.divTableHeading {
				background-color: #EEE;
				display: table-header-group;
				}
			.divTableCell, .divTableHead {
				display: table-cell;
				padding: 3px 10px;
				font-family: 'Roboto Slab', serif;
				font-size: 10pt;
				color: rgb(79, 76, 69);
				}
			
			.divTableHeading {
				background-color: #EEE;
				display: table-header-group;
				font-weight: bold;
				}
			.divTableFoot {
				background-color: #EEE;
				display: table-footer-group;
				font-weight: bold;
				}
			.divTableBody {
				display: table-row-group;
				}
			
			.button{
				display: block;
				text-align:center;
				background-color: #E90089;
				margin-top: 75px;
				padding:25px;
				font-family: 'Roboto Slab', serif;
				font-weight: 700;
				font-size: 18pt;
				color: white;
				border-radius: 25px;
				box-shadow: 5px 10px 8px #888888;
				}
			.button:hover{
				background-color: #95C83D;
				}
		/*practice hours box end*/
		/*lower middle section start*/
			#lower-middle-page{
				float: left;
				display: block;
				width: 1000px;
				height: 650px;
				background-color: white;
				overflow: hidden;
				}
			@media only screen and (max-width: 992px){
				#lower-middle-page{
				position: relative;
				width: 100%;
				height: auto;
				}
				}
			#news{
				float:left;
				width: 700px;
				background-color: white;
				}
			@media only screen and (max-width: 992px){
				#news{
				position: relative;
				width: 70%;
				height: auto;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 991px){
				#news{
				float: left;
				position: relative;
				width: 100%;
				}
				}
			.article-container{
				width: 95%;
				display: block;
				margin: 0 auto;
				}
			
			.section-header{
				font-family: 'Roboto Slab', serif;
				font-size: 24pt;
				font-weight: 900;
				color: #E90089;
				padding-top: 25px;
				text-align:center;
				
				}
			.bios-container{
				display: block;
				width: 650px;
				margin: 0 auto;
				}
			@media only screen and (max-device-width: 749px){
			.bios-container{
				width: 90%;
				margin: 0 auto;
				}
				}
			
			.bio-container{
				display: inline-block;
				width: 650px;
				padding-top: 25px;
				}
			@media only screen and (max-device-width: 749px){
			.bio-container{
				display: block;
				width: 100%;
				
				}
				}
			.round-pic-container{
				float: left;
				width: 120px;
				height: 120px;
				padding-right: 15px;
				}
			@media only screen and (max-device-width: 400px){
			.round-pic-container{
				
				display: block;
				width: 100%;
				margin: 0 auto;
				padding-right: 0;
				}
				}
			.round-pic{
				border-radius: 60px;
				box-sizing: border-box;
				}
				@media only screen and (max-device-width: 400px){
			.round-pic{
				display: block;
				margin: 0 auto;
				}
				}
			.bio-header{
				position: relative;
				display: inline-block;
				font-family: 'Roboto Slab', serif;
				font-size: 15pt;
				font-weight: 700;
				color: rgba(149, 200, 61, 1);
				}
			@media only screen and (max-device-width: 400px){
			.bio-header{
				position: relative;
				display: block;
				text-align: center;
				}
				}
			.bio-description{
				position: relative;
				font-family: 'Roboto Slab', serif;
				font-size: 12pt;
				font-weight: 300;
				color: rgb(79, 76, 69);
				padding-bottom: 25px;
				}
			
			.practice-img{
				position:relative;
				float: left;
							
			}
			@media only screen and (min-device-width: 992px){
			.practice-lg-img{
				display: none;
				}
				}
			@media only screen and (max-device-width: 991px){
			.practice-lg-img img{
				display: block;
				margin: 0 auto;
				max-width: 100%;
				height: auto;
			
				}
				}
			@media only screen and (max-device-width: 992px){
			.practice-img{
				display: none;
				}
				}
			
			article{
				font-family: 'Roboto Slab', serif;
				font-size: 11pt;
				font-weight: 300;
				text-height: 24pt;
				color: rgb(79, 76, 69); 
				padding: 20px 40px;
			}
			@media only screen and (max-width: 992px){
				article{
				position: relative;
				font-size: 1em;
				}
				}
			article span{
				font-family: 'Roboto Slab', serif;
				font-size: 18pt;
				font-weight: 700;
				color: rgba(149, 200, 61, 1);
				}
			
			#map-header{
				float: left;
				display: block;
				width: 300px;
				padding: 17px 0;
				background-color: rgba(149, 200, 61);
				font-family: 'Roboto Slab', serif;
				font-size: 30pt;
				color: white;
				text-align: center;
				}
			@media only screen and (max-width: 992px){
				#map-header{
				position: relative;
				width: 30%;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 991px){
				#map-header{
				float: left;
				position: relative;
				width: 100%;
				}
				}
			.map-responsive iframe{
    			float: left;
    			display: block;
    			width:300px;
    			height: 560px;
    			overflow: hidden;
				}
			@media only screen and (max-width: 992px){
				.map-responsive iframe{
				position: relative;
				width: 30%;
				}
				}
			@media only screen and (min-device-width: 320px) and (max-device-width: 991px){
				.map-responsive iframe{
				float: left;
				position: relative;
				width: 100%;
				}
				}
			.large-map iframe{
				float: left;
				display: block;
				width: 1000px;
				height: 650px;
				}
			/*lower middle section end*/
			a{
				text-decoration: none;
				color: white;
				}
			/*footer start*/
			.footer{
				float: left;
				height: auto;
				width: 1000px;
				background-color: #E90089;
				}
			@media only screen and (max-width: 992px){
				.footer{
				width: 100%;
				}
				}
			.footer-column{
				float: left;
				display: block;
				text-align:center;
				width: 333px;
				color: white;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: 300;
				font-size: 14pt;
				color: white;
				padding: 25px 0px ;
				}
			@media only screen and (max-width: 992px){
				.footer-column{
				width: 100%;
				font-size: 1em;
				padding: 5px 0px;
				}
				}
			
			/*footer end*/