/* Main CSS Stylesheet for Acoustic Masterminds Web Site */


html, body {
	background-color:#000000;
	/*background-color:green;*/
	font-family: 'Lato', sans-serif;
}

#index_Page_Titles {
	color: black;
	
}

#index_Page_Titles:hover{
		color: #eab676;
		text-decoration:underline;
		outline: 0;
	}

.row {
	max-width:100vw;
}

@media (min-width: 768px) {
	#index-mail-link {
		margin-left:35%;
	}
}

@media (max-width: 767px) {
	#index-mail-link {
		margin-left:15px;
	}
}



@media (min-width: 768px) {
	#index-center-heading {
		padding: 5px 13% 20px 13%;
	}
}

@media (max-width: 767px) {
	#index-center-heading {
		padding: 5px 5px 20px 5px;
	}
}

@media (min-width: 768px) {
	#personal-note-of-thanks {
		/*margin:8% 0px 0px 0px;*/
	}
}

@media (max-width: 767px) {
	#personal-note-of-thanks {
		/* margin:14% 0px 0px 0px;*/
	}
}





#bannerfade {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}

#bannerlogo {
	position:relative;
	z-index:0;
    /* background-color:#000000; */
}
/*
#bannerlargelogo {
	
} */

#LongLogo {
	margin: 6% 0px 0px 0px;
}

#footer {
	position:relative;
	padding:25px 0px 2px 0px;
	margin:10px 0px 0px 0px;
	overflow-x: hidden; 
	overflow-y: auto;
	/* background-color:#004C9F; 
	color:#FFFAF0;*/
}





#footercontent{
	padding:20px 5px 0px 0px;
	/*padding:20px 5% 0px 0px;*/
}
/*
#footerbannerfade {
	position:absolute;
	width:100%;
	height:100%;
*/
/*height: 20%;
	min-height: 200px;  Needs work, get height from header container? */
/*	z-index:-1;
}
*/
/*
#horizontalmenu {
*/	/*border-radius: 25px;
    background-color:#004C9F;*/
/*	padding: 0px 5% 0px 0px;
}
*/
/*
div#horizontalmenu div div div a{
	text-align:center;
/*	/*border-radius: 25px;*/
/*	background-color:#004C9F;
	padding: 4px 10px 4px 10px;

}
*/


/*
@include grid-column-size($width);
*/

/*
#buttonwrapper {
		(padding: 0px 8px 0px 22px;
		margin: 0px 20px 0px 20px;
		background-color:green;
}*/
/*
#horizontalmenu a {
	color:#FFFAF0;
}
*/
/*
#horizontalmenu a:hover {
*/	/* Light Tan */
/*	color:#F0D7BD;
}
*/

a {
	color: #2F73DF;
}


a:hover {
    color: #1f45fc;
	text-decoration:underline;
	outline: 0;
}
/*
.floating-box {
    float: left;
    margin: 20px;
    padding: 10px;
    text-align: center;
}

.floating-box-group {
    float: left;
    /*margin: 20px;
    padding: 10px; */
/*    text-align: center;
}

.floating-circle {
	float:left;
	text-align: center;
	border-radius: 100%;
}
*/

#owl-demo .item img{
	margin: 0px auto 0px auto;
    display: block;
    width: auto;
    height: auto;
	max-height:500px;
}
/*
#owl-demo .item{
  display: block;
  cursor: pointer;
  background: transparent;
  padding: 30px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}
#owl-demo .item:hover{
  background: transparent;
}
*/

@media (min-width: 768px) {
	#explanationspadding {
		padding-left:20px;
		padding-bottom:5px;
	}
}

@media (max-width: 767px) {
	#explanationspadding {
		
		padding-bottom:1px;
	}
}



@media (min-width: 768px) {
	#explanationscontainerpadding {
		padding-bottom:55px;
	}
}

@media (max-width: 767px) {
	#explanationscontainerpadding {
		padding-bottom:40px;
	}
}


@media (min-width: 768px) {
	#articlepadding {
		padding-bottom:65px;
	}
}

@media (max-width: 767px) {
	#articlepadding {
		padding-bottom:20px;
	}
}

@media (min-width: 768px) {
	#ARServiceMenu {
		max-width: 113px;
	}
}

@media (max-width: 767px) {
	#ARServiceMenu {
		max-width:none;
	}
}


th, td {
	padding-right: 25px;
}
/*
#LargeHomePageGreeting {
		font-size:150%;
	}
*/

@media (min-width: 768px) {
	#LargeHomePageGreeting {
		font-size:150%;
	}
}

@media (max-width: 767px) {
	#LargeHomePageGreeting {
		font-size:100%;
	}
}
*/