/*footer*/
   
   .foot5 a:active,{
    text-decoration: none;
   }
.footer{
  /*position: fixed;
  bottom: 0vh;*/
  width: 100%;
  z-index: 1;
   margin-top: 20px;
}
.infooter{
  text-align: center;
  width: 90%;
   margin: auto;
}
#foot1 {
   height: 3px;
     border:none;
     width: 93%;
     margin: auto;
     background-color: transparent;
     background-image: 
        -moz-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        -moz-linear-gradient(90deg, rgba(255,255, 255,0), rgba(255, 255, 255, 1), rgba(255,255,255,0));
    
    background-image: 
        linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        linear-gradient(90deg, rgba(255,255, 255,0), rgba(255, 255, 255, 1), rgba(255,255,255,0));
    

    background-image: 
        -o-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        -o-linear-gradient(90deg, rgba(255,255, 255,0), rgba(255, 255, 255, 1), rgba(255,255,255,0));
    
    background-image: 
        -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        -webkit-linear-gradient(90deg, rgba(255,255, 255,0), rgba(255, 255, 255, 1), rgba(255,255,255,0));
    

    box-shadow: rgba(0,10,18,1) 0 0 20px;
    
     background-repeat: no-repeat;
     background-position: 0 0, 0 0px;
     background-size: 100% 3px;
}
#foot3{
  z-index: 2;
  width: 100%;
  margin:auto;
  text-align: center;
  font-size: 1.6vh;
  padding: 0.5vh;
  font-weight: 600;
  letter-spacing: 0.8px;
}


.foot5{
  z-index: 2;
  width: 100%;
  margin:auto;
  float: center;
  font-size: 1.6vh;
  padding: 1vh;
  font-weight: 600;
  letter-spacing: 0.8px;
}


.foot5 a{
  padding:5vh;
  color:    #696969;
  text-decoration: none;
}

.foot5 i{
color:#fefefe;
font-size: 3vh;
}



@media (orientation: landscape) {
.foot5{
  letter-spacing: 1.5vw;
  font-size: 2vh;
}
.footer{
  bottom: 3vh;
}

}



@media (min-width:62em) {

 /*footer*/
.footer{
  /*position: fixed;
  bottom: 0vh;*/
  width: 100%;
  z-index: 3;
}
.infooter{
  width: 100%;
  margin: auto;
}
#foot1 {
   height: 2px;
     border:none;
     background-color: transparent;
     background-image: 
        linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        linear-gradient(90deg, rgba(255,255, 255,0), rgba(255, 255, 255, 1), rgba(255,255,255,0));
    box-shadow: rgba(0,10,18,1) 0 0 20px;
    
     background-repeat: no-repeat;
     background-position: 0 0, 0 1px;
     background-size: 100% 1px;
     margin-bottom: 3px;
}
#foot3{
  position: relative;
  top: 0.5vh;

  z-index: 2;
  width: 35%;
  margin:auto;
  float: left;
  font-size: 1.6vh;
  padding: 1vh;
  font-weight: 600;
  letter-spacing: 0.8px;
}
#foot4{
  position: relative;
  top: 0.5vh;
  
  z-index: 2;
  width: 35%;
  margin:auto;
  float: right;
  font-size: 1.6vh;
  padding: 1vh;
  font-weight: 600;
  letter-spacing: 0.8px;
}



.foot5{
  z-index: 2;
  width: 30%;
  margin:auto;
  float: center;
  font-size: 1.6vh;
  padding: 1vh;
  font-weight: 600;
  letter-spacing: 0.8px;
}



.foot5 i{
color:#808080;
font-size:24px;
}

.foot5 i:hover{
color:white;
  }
}
@media all and (max-width: 991px) and (min-width: 565px){
  .footer{
    margin-bottom: 350%;
  }
}