@charset "UTF-8";
/* CSS Document */
/*Background Image*/
body {
	margin:0;
	padding:0;
}
div.wrapper {
	background-image:url(https://www.astrosalon.com/_images/rolling_hills_3.jpg);
	background-color: white;
	background-size:cover;
	background-attachment:fixed;
	padding-top:15px;
	padding-bottom:0px;
	text-align:center;
    padding-right:0px;
    margin:0;
    padding-left:0px;
}
div.wrapper2 {
	background-color: #99ffff;
}
div.container2,  {
   	width: 80%;
	margin-top: 2%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}

/* Small Screen Background image */
@media (max-width:750px) {
	div.wrapper {
	background-image:url(/_images/rolling_hills_3.jpg);
	background-color: white;
	background-size:cover;}
	text-align:center;}
    margin:0;
    padding:0;
/*Mobile BackGround Image*/
@media (max-device-width:1064px) and (orientation:portrait){
div.wrapper {
	background-image:url(/_images/rolling_hills_3.jpg);
	background-color: white;
	background-size:cover;
    margin:0;
    padding:0;
}
}
/*****Text Format Adjustments******/
h2 {
	color: #bfe7ff;
	text-align:center ;
}
/* Shifting the Navigation Bar */
ul.global_navigation {
	margin-left: 2.2%;
}
/*Layout Options*/
.center-image {
	display: block;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	
}

div.container {
    text-align:left;
	width: 90%;
	margin-bottom: 2%;
    margin-left:auto;
    margin-right:auto;
}
aside {
	width: 90%;
	clear:right;
	margin: 3%;
}
a.button {
	margin-bottom: 2em;
	margin-top: 4em;
	margin-right: 10%;
}
body > a.button {
	font-size: 1.5em;
}
aside a.button {
	margin-left: 0px;
	margin-top:0.5em;
	float:none;
	margin-bottom: 1%;
}
aside img {
	width:100% !important;
    height:100% !important;
    display:block;
}
/*ADDED ON AREA*/
div.wrapper-bottom {
	background-color: #99ffff;
}

div.container-bottom {
	width: 80%;
margin-left:10%;
	margin-right:2%;
	margin-top: 2%;
	display: inline-block;

	margin-bottom: 2%;
}
/*Layout Adjustments for Wide Screens*/
@media (min-width:1024px){
div.container, aside {
	width: 900px;
	float: none;
	display: block;
	margin: 3em auto;
}

}
/* Image Inline/paragraph */
img.inline_logo_left, img.inline_logo_right {
	height: 3.57em;
	width:auto;
	display: inline;
	float: left;
	margin-right: .5em;
	margin-bottom: 1em;
	/* Adjustment for icons --> 
	margin-right: -0.9em;
	margin-bottom: -0.5em;
	margin-left: -1.2em;*/
	border-radius: .3em;
	display: none;
img.inline_logo_left + p {
	display: inline;
	
}


}@media (max-width: 715px) {
	img{width:100%;
}