body{
	margin-top: 0px; margin-left: 0px; padding-top: 0px; padding-left: 0px; background-color: #999999; font-family: 'Times New Roman', sans-serif; color:black;
}
img {
    max-width: 100%;
    height: auto;
}



a {
	color:#fafafa;
	text-decoration:none;
}
a:hover{
	color:aqua;
	border:5;
}
/*
a:hover{
	color:#000066;
	-webkit-transition: 150ms linear 0s;
	-moz-transition: 150ms linear 0s;
	-o-transition: 150ms linear 0s;
	transition: 150ms linear 0s;
	outline: 0 none;
	text-shadow: -1px 1px 15px #ffffff, 1px -1px 20px #ffffff;
}

a:visited{
	color:#fafafa;
}
*/
a:active{
	color:#fa0000;
}
p {
	font-size:18px;
	margin-top:8px;
	margin-bottom:8px;
	line-height:22px;
	text-indent:12px;
}
ul {
	font-size:18px !important;
	margin-top:3px;
	margin-bottom:3px;
	line-height:22px;
}
h1 {
	font-size:28px !important;
	margin-top:25px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	
}
h2 {
	font-size:26px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	
}

th {
	vertical-align:middle;
}
th a{
	width:100%;
	height: 44px;
}

#content {
	position: absolute;
	width:100%;
	left: 0;
	top: 0;
}

#logo {
	position: absolute;
	width:320px;
	left: 0px;
	top: 0px;
}

#story:hover{
	color:#fa0000;
}


#text {
	position: absolute;
	left: 350px;
	top: 40px;
	font-size:28px;
	color:#ffffff;
	height:100px;
	text-align:center;
}

#btn1,#btn2,#btn3{
	position:relative;
	color:#fcf8b7;
}

#btn1:hover,#btn2:hover,#btn3:hover{
	color:#000066;
	-webkit-transition: 150ms linear 0s;
	-moz-transition: 150ms linear 0s;
	-o-transition: 150ms linear 0s;
	transition: 150ms linear 0s;
	outline: 0 none;
	text-shadow: -1px 1px 15px #ffffff, 1px -1px 20px #ffffff;
}

#Intro {
	position:absolute;
	left:20%;
	top:20px;
	width:50%;
	z-index:4;
	font-family:"TimesNewRoman";
	background-color:"";
	color:#d1ebde;
	padding-left:45px;
	padding-right:75px;
	text-align:justify;
}

#bikes {
	position:relative;
	top: 3px;
	height:500px;
	width:100%;
	padding: 0;
	background-image: url("GraphicWeb/contactBgGray.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

#metal {
	position:relative;
	top: 3px;
	height:500px;
	display:none;
	width:100%;
	padding: 0;
	background-image: url("GraphicWeb/contactBgGray.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

#cover {
	position:absolute;
	top: 125px;
	left: 350px;
	display:block;
	width:65%;
}

#contact {
	position:relative;
	top: 3px;
	height:450px;
	width:100%;
	padding: 0;
	background-image: url("GraphicWeb/contactBgGray.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

.contacTit{
	position:relative;
	top:90px;
	font-size:20px;
	text-align:center;
	color:#ffffff;
}
.contacTxt{
	position:relative;
	top:80px;
	margin-bottom:30px;
	text-align:center;
	color:#ffffff;
}

.smallink {
	font-size: 14px;
}

.btn {
	height:44px;
	background-image: url(GraphicWeb/buttonGray.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 16px;
	color: #fcf8b7;
}	
.btn:hover {
	background-image: url(GraphicWeb/buttonGrayUp.jpg);
}


/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 23%;
  text-align:center;
  padding: 5px;
}

/* Style the images inside the grid */
.column img {
  height:150px;
  opacity: 0.8;
  cursor: pointer;
}
.column video {
  height:150px;
}

.column img:hover {
  opacity: 1;
}
.row {
	background-color:"";
	color:white;
}
.row h3 {
	font-size:18px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 35px;
  color: white;
  font-size: 35px;
  cursor: pointer;
} 




	
/* Large screens ----------- */
@media screen and (min-width: 1824px) {

}	
	
/* Desktops and laptops ----------- */
@media screen and (min-width: 1224px) and (max-width: 1823px) {

	
#Intro {
	left:25%;
	width:50%;
	padding-left:20px;
	padding-right:30px;
}
}	




/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 1024px) and (max-width: 1224px) {

#text{
	font-size: 20px;
	}
#Intro {
	left:30%;
	width:60%;
	padding-left:5px;
	padding-right:10px;
}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

#text{
	font-size: 18px;
	}
#Intro {
	left:35%;
	width:65%;
}
.row {
	padding-left:10px;
	padding-right:10px;
}
.row h2 {
	font-size:18px;
	text-align:center;
}
.row p {
	font-size:15px;
}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 480px) and (max-width: 767px) {

#cover {
	top:830px;
	left:3%;
	width:80%
}
#text{
	top:750px;
	left:3%;
	width:80%;
	font-size: 16px;
	}
#Intro {
	left:0;
	top:820px;
	padding-left:10px;
	padding-right:10px;
	width:98%;
}
.row {
	padding-left:10px;
	padding-right:10px;
}
.row h2 {
	font-size:16px;
	text-align:center;
}
.row p {
	font-size:14px;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 320px) and (max-width: 479px) {
	
#cover {
	top:830px;
	left:3%;
	width:95%
}
#text{
	top:750px;
	left:3%;
	width:80%;
	font-size: 16px;
	}
#Intro {
	left:0%;
	top:820px;
	width:95%;
	padding-left:5px;
	padding-right:10px;
}
.row {
	padding-left:10px;
	padding-right:10px;
}
.row h2 {
	font-size:14px;
	text-align:center;
}
.row p {
	font-size:14px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 180px) and (max-width: 319px) {
	
#cover {
	top:830px;
	left:3%;
	width:98%
}
	
#text{
	top:370px;
	font-size: 16px;
	left:1%;
	width:98%;
	}
#Intro {
	left:0%;
	top:820px;
	width:95%;
	padding-left:5px;
	padding-right:10px;
}
.row {
	padding-left:5px;
	padding-right:5px;
}
.row h2 {
	font-size:14px;
	text-align:center;
}
.row p {
	font-size:12px;
}
}