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

html {
  scroll-behavior: smooth;
}

 body {
min-height: 100vh;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
font-family: arial, helvetica, sans-serif;
font-weight: 400;
font-style: normal;
    color:#333;
background-color: #FFF;
}


.header {
width: 96%;
height:auto;
overflow: auto;
clear:both;
text-align: left;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
background-image:url("back.png");
background-size: cover;
background-repeat:no-repeat;
background-position: center;

}

.logo {
width :300px;
height: 150px;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
border-bottom : 0px solid #FFF;
background-image:url("photo-logo1.png");
background-position: 0px 20px;
background-repeat: no-repeat;
background-size: contain;
float:left;
}

.bike {
width :150px;
height: 150px;
margin-top:0px;
margin-bottom:0px;
margin-right:20px;
border-bottom : 0px solid #FFF;
background-image:url("bike.png");
background-repeat: no-repeat;
background-size: contain;
float:right;
}

.nav {
width :100%;
height : 40px;
border-bottom : 0px solid #FFF;
padding-top : 0;
text-align : center;
    z-index: 10;
    	margin-left: auto;
	margin-right: auto;  	
    margin-top: 0px;
    background-color: #000;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);

    
  

}


.container{
    width:80%;
    margin-left:auto;
 margin-right:auto;
    margin-top:20px;
    border: 2px solid #333;
    border-radius: 0px;
    text-align: center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    background-image: url(steel.jpg);
    background-attachment: fixed;
        background-size: cover;

}


.slcontainer {

padding: 0%;
width:100%;
    height: auto;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
border-left:1px solid #333;
border-right:1px solid #333;
border-top:1px solid #333;
border-bottom:1px solid #333;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
        border-radius: 0px;
background-color: #141414;

}

.vidbox {
width :100%;
margin:0%;
height:75vh;

}


#background-video {
  width: 100%;
    height:100%;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
overflow: hidden;
}




.footer{
    width:100%;
    height:auto;
    margin-left:auto;
 margin-right:auto;
        margin-top:20px;
    border-top: 2px solid #333;
    text-align: center;
    box-shadow: 10px 0px 5px rgba(0, 0, 0, 0.5);
    background-image: url(steel.jpg);
    background-size: cover;

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.bike{ 
display: none
}
}

/* Extra small devices (phones, 320px and down) */
@media only screen and (max-width: 320px) {
.bike{ 
display: none
}
    
}