htyml, body {
    overflow-x: hidden;
    background-color: #DEDEDE;
}

@font-face {
    font-family: 'ProximaNova-Black';
    src: url('../fonts/ProximaNova-Black.ttf');
}

h1 {
 font-family: 'Passion One';
 line-height: 35px;
 font-size: 65px;
  }
h2 {
 font-family: 'Passion One';
 line-height: 30px;
 font-size: 55px;
  }
h3 {
 font-family: 'Passion One';
 line-height: 15px;
 font-size: 20px;
  }
h4 {
 font-family: 'Archivo Narrow';
 line-height: 25px;
 font-size: 25px;
font-weight: 400;
  }

p{
   line-height: 13px;
  font-family: 'Archivo Narrow', sans-serif;  
}
sup { 
    vertical-align: top;
    font-size: 10px;
}
.logo{
    padding: 15px;
    background: black;
}
.parallax { 
    background-image: url("../images/parallax.jpg");
    color: #FFFFFF;
    text-align: center;
    height: 400px; 
    padding-top: 120px;
    padding-bottom: 120px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}
.products{
   margin-bottom: -120px; 
/*  color: #000000;  */
}
#mainimg1{
    y:-20px;
}
.hats{
background-color: #ECECEC;    
padding-top: 40px; 
 margin-bottom: 40px;    
}
.hat{
   width: :100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;  
}
.mainimg{
  padding-bottom: 20px;   
}
.subtext{
    height: 450px;
    background-color: #DFDFDF;
   padding-top: 20px;
}

.imgsports{
   padding-bottom: 140px;
}
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'Passion One';
  color: #ffffff;
  font-size: 25px;
  background: #da4819;
  padding: 0px 30px 0px 30px;
  text-decoration: none;
}

.btn:hover {
 color: #E5E6E6;

}




.contact{
    padding-bottom: 60px;
}
.contact_div{
    padding-top: 40px;
    padding-bottom: 60px;
}
.form-control{
height:40px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
input{
     background-color: transparent;
    border: 0px solid;
}
#form_message{
    height:200px;
    margin-bottom: 40px;
}
.btn-success, .btn-send{
    height:40px;
    width:100%;
    border: none !important;
     outline:none !important;
}

.btn-success:hover, .btn-send:hover{
background: #da4819;
border: none !important;
outline:none !important;
}
.footer{
  
    background-color: #292929;
    
}
.images{
    text-align: justify;
    padding-top: 80px;
    padding-left: 60px;
     white-space: nowrap;
}
.right_footer{
    text-align: right;
    padding-top: 40px;
    padding-right: 80px;
    padding-bottom: 40px;
}
.img_footer{
padding-bottom: 20px;
}
.footer_txt p{
    font-size:10px;
    line-height: 5px;
    color:#FFFFFF;
}
.org_txt{
    color:#da4819;
     font-size:9px;
    line-height: 5px;
    padding-top: 10px;
}
.slider{   
      overflow-x: hidden;
   text-align: center;
    background-color: #000000;
  text-align: center;
}
.slider-col{
      overflow-x: hidden;
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;

}
#canvas{
      overflow-x: hidden;
    text-align: center;
  margin-bottom: 0px;
    padding-bottom: 0px;

}


@media only screen and (max-width: 1200px) {
   .mainimg{
 padding-top: 60px;        
    }
}
@media only screen and (max-width: 950px) {
  .slider-col{   
   
  text-align: center;
}  

.slider{
        }
#canvas{
/*
       width:75%;
        -webkit-transform: translateX(-450px);
       -moz-transform: translateX(-450px);
         -ms-transform:translateX(-450px);
       transform: translateX(-450px);         
*/

    }
    

    
    
   h1 {
 line-height: 25px;
 font-size: 45px;
  }
   h2 {
 line-height: 20px;
 font-size: 35px;
  }
.right_footer{
    text-align: center;
    padding-top: 40px;
}
    .images{
    text-align: center;
    padding-top: 40px; 
}
}
@media only screen and (max-width: 450px) {
   h1 {
 line-height: 20px;
 font-size: 35px;
  }
.slider-col{
margin-left: -50px !important;   

}
    #canvas{
     
    }
}