body {
    background-color: #DFEDE9;
}



/*
|----------------------------------------------------------------------------
| FORMATING
|---------------------------------------------------------------------------- 
*/
.row {
  margin-bottom: 0px;
}



/*
|----------------------------------------------------------------------------
| TYPOGRAPHY
|----------------------------------------------------------------------------
*/
p, li {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
a {
    color: white;
    font-weight: 500;
}

/*
|----------------------------------------------------------------------------
| Main
|----------------------------------------------------------------------------
*/
#main {
    padding-top: 20px;
    padding-bottom: 20px;
}


.rounded-4px {
    border-radius: 4px 4px 4px 4px; 
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px; 
}

.rounded-10px {
    border-radius: 10px 10px 10px 10px; 
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px; 
}

.card {
    background: #4F950E;
    color: white;
    padding-top: 8px !Important;
    padding-bottom: 6px !Important;
    
}


/*
   Animation delays
*/

.a1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.a2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.a3 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.a4 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.a5 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}