@import url(http://fonts.googleapis.com/css?family=Lato);

.livecardBody{height: 100%;background-color:#2bb673; font-family: font-family: 'Lato', Helvetica, Arial, sans-serif !important;}
.livecardBody h1{color:#ffffff}
.livecardBody h2{color:#ffffff}
.livecardBody h3{color:#ffffff}
.livecardBody h4{color:#ffffff}
.livecardBody h5{color:#ffffff}
.livecardBody h6{color:#ffffff}
.livecardBody a{text-decoration: none; color:#CCCCCC;}
.livecardBody a:hover{text-decoration: none; color:#CCCCCC;}
.livecardBody p{font-family: lato; font-weight: 400;color: #FFFFFF;text-transform: uppercase; letter-spacing: 3px; font-size: 25px;}
.livecardBody .small_text {
    font-size: 18px !important;
}
@media (max-width: 480px) {
  .bdg img{
    max-width: 260px;
  }
  .downloadCard{}
  #logo{ width:100% !important;}
}
@media (min-width:481px) and (max-width: 767px) {
  .bdg img{max-width: 315px;}
  .downloadCard{}
  #logo{ width: 480px !important;}
}
@media (min-width:768px) and (max-width: 990px) {
  .bdg img{max-width: 320px;}
  .downloadCard{}
  #logo{ width: 500px !important;}
}
@media (min-width: 991px) and (max-width: 1400px) {
  .bdg img{max-width: 320px;}
  .downloadCard{}
  #logo{ width: 500px !important;}
}
@media (min-width: 1401px){
  .bdg img{max-width: 320px;}
  .downloadCard{}
  #logo{ width: 800px !important;}
}