@charset "UTF-8";
/* CSS Document */

	
body {
font-size:16px;
}
	
p {
font-family: 'Open Sans', sans-serif;font-size:1em;
}
	
h2 {
font-family: 'Noto Serif', serif; font-weight:600;
}	
	
h3 {
font-size:1.15em;font-weight:400;
}

span.highlight {
    background-color: #252525;
}
	
.details {
	height: 680px;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 22%;
	padding-left: 25%;
	padding-right: 5%;
	padding-bottom: 0px;
}

.details2up {
height: 680px; background-repeat:no-repeat;  background-size:contain; padding-top:12%; padding-left:25%;padding-right:5%; 
}
	
#unclub {background-image:url(../images/unclub-background.png);}
	
#ride {background-image:url(../images/ride-background.png);}
	
#argyle {background-image:url(../images/argyle-background.png);}
	
#windy {background-image:url(../images/windy-background.png);}
	
#carbonTi {background-image:url(../images/carbonti-background.png);}
	
.header-gradient {	
background: #f49716; /* Old browsers */
background: -moz-linear-gradient(top,  #f49716 0%, #e56520 62%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f49716 0%,#e56520 62%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f49716 0%,#e56520 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49716', endColorstr='#e56520',GradientType=0 ); /* IE6-9 */
border-top:none; border-left:none; border-right: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#9D5003;
}	
	
.navbar-brand, 
.navbar-brand a{
font-family: 'Noto Serif', serif; font-weight:bold;font-size:1.8em; color: #252525 !important; 	
}

.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand a:active,
.navbar-brand a:hover,
.navbar-brand a:focus,
.navbar-brand a:visited {
color: #252525 !important; 
}	

a {
color: #EC8B04;
}
a:active,
a:hover,
a:focus,
a:visited {
color: #EC8B04; text-decoration: underline;		
}
.navbar-nav {
font-family: 'Noto Serif', serif;  font-size:1.5em; font-weight:400;
}
		
.myNavbutton {
font-family: 'Noto Serif', serif; border: 1px solid #C06305; font-weight:400;
}
	
.myNavbutton,  .myNavbutton a {
font-family: 'Noto Serif', serif; 
height:50px; color:#ffffff; border: 1px solid #C06305;	font-weight:400;
}
	
.myNavbutton a:active,
.myNavbutton a:hover,
.myNavbutton a:focus,
.myNavbutton a:visited {
text-decoration: none; color: #ffffff;
background: #e56520; /* Old browsers */
background: -moz-linear-gradient(top,  #e56520 38%, #f49716 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e56520 38%,#f49716 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e56520 38%,#f49716 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56520', endColorstr='#f49716',GradientType=0 ); /* IE6-9 */
border: 1px solid #C06305; font-weight:400;
}	
	
.right {
float: right;
padding: 0px;
}
	
.overview { 
padding-top:65px;
}

	
.specialtext {font-family: 'Noto Serif', serif; font-size:1.7em; font-weight:600; 
}	

fieldset { height:700px; max-width: 600px; background-image:url(../images/wheel.png); background-repeat:no-repeat; background-size: contain; background-position: center 5 0.5; display: block; margin:0 auto; text-align:center; }
	
legend { font-size: 18px; margin: 0 auto; text-align:center;}
	
input, textarea { margin: 0px 0px 20px 0px; padding: 5px; width:318px; border: 2px solid #f49716; border-radius: 0px 0px 5px 5px;}
	
label {
margin: 0 auto;
text-align: center;
font-size: 1em;
font-weight: 300;
color: #fff;
width: 318px;
background-color: #434344;
margin-bottom: 0px;
padding: 0px 7px;
}

.topmargin {margin-top:125px;}
.input-top-margin{margin-top:130px;}

.button, .submit { font-size:1.5em;
font-family: 'Noto Serif', serif; 
height:50px; color:#ffffff; border: 2px solid #f49716; border-radius:5px;
text-decoration: none;
background-color: #f49716; /* Old browsers */
background: -moz-linear-gradient(top,  #f49716 0%, #e56520 62%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f49716 0%,#e56520 62%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f49716 0%,#e56520 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
cursor: pointer; } 
	
.button:hover,	.submit:hover { text-decoration:none; color: #ffffff;
background: #e56520; /* Old browsers */
background: -moz-linear-gradient(top,  #e56520 38%, #f49716 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e56520 38%,#f49716 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e56520 38%,#f49716 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56520', endColorstr='#f49716',GradientType=0 ); /* IE6-9 */
border: 1px solid #C06305;}
.msg.success { border-color: #86a62f; background: #faffec; }
.msg.error { border-color: #cd5a5a; background: #fff7f7; }
	
/* Required for Honey Pot: */
.robotic { display: none; }

.thanks-margin {margin-top:70px;}


@media only screen and (min-width: 1200px) {
.details, .details2up {font-size: 1.25em;} 
}
	
@media only screen and (max-width: 1199px) {
	h2 {font-size:1.5em;} .details {height: 570px; padding-top:20%; padding-left:23%;padding-right:3%; } .details2up{height: 570px; padding-top:10%; padding-left:25%;padding-right:5%;}
}
	
@media only screen and (max-width: 992px) {
.details {height: 560px; padding-top:23%;  padding-left:25%;padding-right:5%;  } .details2up{height: 560px; padding-top:10%; padding-left:25%;padding-right:5%; }
}
	
@media only screen and (max-width: 991px) {
.details {height: 485px; padding-top:19%; padding-left:23%;padding-right:5%; font-size:.9em;} 
.details2up {height: 445px; padding-top:8%; padding-left:23%;padding-right:5%; font-size:.9em;} 
}

@media only screen and (max-width: 767px) {
.details, .details2up {height:40%; padding-top:0px; padding-left: 15px; padding-right: 15px; padding-bottom:10px; font-size: 1em;} 
#unclub, #ride, #argyle, #windy, #carbonTi {background-image:none;} 
.header-gradient{height:100px;} .navbar-nav { margin-top:0px;} 
.right {float: left; width:768px; padding: 0px;}
.overview { padding-top:100px;}
.thanks-margin {margin-top:120px;}

}	

@media only screen and (max-width: 567px) {
fieldset {background-image:none; height:400px; } 
.topmargin {margin-top:90px;}
.input-top-margin{margin-top:40px;}
}

@media only screen and (max-width: 320px) {
input, textarea { width: 100%;
}
}