
.container img{
   
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

@import url("https://fonts.googleapis.com/css?family=Lato");
html,
body {
  height: 100%;
  margin: 0;
  font-family: Lato, sans-serif;
  background-color: #E1E2E1;  
}
header{
padding: 1px 5px;
font-family:'Candara';
background: #FA5858;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FA5858, #FA5858);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FA5858, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
}

.card-nav{
background: #1488CC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FA5858, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FA5858, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
color:white;
}

.card-header{
background: #1488CC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FA5858, #FA5858);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FA5858, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
color:white;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}

