<style>
html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}
body {
	margin:5px;
	padding:5px;
	font-family: "Trirong", sans-serif;
}

a:link {
  color: white;
}
a:hover {
  color: darkgrey;
}
a:visited {
  color: white;
}
.titleWrapper {
	background-image:url(../../images/bw_background_faded.jpg);
 	background-size:cover;                      
    background-repeat:no-repeat;
	color:white;
}
.sectionHeader {
	font-size:1.8em;
	font-weight:bold;		
	text-align: center;
	padding-top:20px;
}
.sectionSubHeader {
	font-size:0.8em;
	font-weight:bold;
	text-align: center;
	padding-top:0px;		
}
.sectionText {
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	padding-top:80px;
	padding-bottom:20px;		
}
.sectionSpacer {
	min-height:10px;
}
.tracksWrapper {
	background-image:url(../../images/tracks_bg_faded.jpg);
 	background-size:cover;                      
    background-repeat:no-repeat;
	color:white;
	
}
.reviewsWrapper {
	background-image:url(../../images/reviews_bg_faded.jpg);
 	background-size:cover;                      
    background-repeat:no-repeat;
	color:white;
	
}
.contactsWrapper {
	background-image:url(../../images/contact_bg_faded.jpg);
 	background-size:cover;                      
    background-repeat:no-repeat;
	color:white;
	
}
.singleTrack {
	border:2px solid white;
	overflow:hidden;
	margin:5px;
	padding:5px;
}
.trackImage {
	float:left;	
	padding-left:0px;
	padding-right:10px;
}
.trackTn {
	
}
.TrackText {
	font-size:1.3em;
	padding-top:25px;	
}
.smartLink {
	width:100%;
	min-height:700px;	
}
.contactOptions {
	width:30%;
	text-align:center;
	float:left;
}
.contactText {
	font-size:1em;
}
.contactIcon {
	width:16px;
	color:white;
}
.contactForm {
	font-size:1em;
	margin-top:5px;
	margin-bottom:5px;
}
.credits {
	text-align: center;
	font-size:0.8em;
	margin-top:30px;
}

@media (min-width: 576px) {

.sectionHeader {
	font-size:4em;
}
.sectionSubHeader {
	font-size:1.5em;
}
.sectionText {
	font-size:1em;
}
.sectionSpacer {
	min-height:20px;
}
.trackImage {
	float:left;	
	padding-left:20px;
	padding-right:20px;
}
.TrackText {
	font-size:1.6em;	
}
.contactText {
	font-size:1.5em;
}
.contactIcon {
	width:25px;
}

}

@media (min-width: 1000px) {

.sectionHeader {
	font-size:6em;
	padding-top:100px;
}
.sectionSubHeader {
	font-size:2em;
	padding-top:0px;	
}
.sectionText {
	font-size:1.5em;
	padding-top:100px;
	padding-bottom:30px;
}
.sectionSpacer {
	min-height:20px;
}
.trackImage {
	float:left;	
	padding-left:60px;
	padding-right:60px;
}
.TrackText {
	font-size:2em;
}
.contactText {
	font-size:2em;
}
.contactIcon {
	width:32px;
}

}
</style>