html,body,form{height: 100%; width: 100%; overflow: hidden;}
.main-wrapper{ height: 100%; width:100%; background-color:#222; padding-top:50px; padding-bottom: 40px; }

#main-content{height: 100%; width:100%; background-color:red;}
#statusBar{ background-color: #e5e5e5; height: 50px;margin-top: -50px;}
#infoBar{ background-color: #e5e5e5;  height: 40px; margin-top:-40px;}

.logo-sec{ height: 20%;  background: #1f1919 url('/frontend/img/FitnessHunk-logo.png') center center no-repeat; background-size: 23vh; position: relative;}
.info-sec{height: 60%; background-color: #da8949;  background: #1f1919 url('/frontend/img/gymimage.jpg') center center no-repeat; background-size:120vw; }
.access-sec{height: 20%; background-color: #1f1919;}





.breathing-effect {
    width: 50%;
    padding: 12px;
    margin: 50px auto;
    border: 1px solid #da8949;
    -webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;
    font-family:'Lantinghei SC';
    font-size: 16px;
    
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 2px;
    text-align: center;   
    background: #da8949 url('/frontend/img/access-logo.png') center center no-repeat; background-size: 100%;
    }
    

    #tb_accessCard{height: 30px; border: none; background: none;}
    #tb_accessCard:focus{ outline-color: transparent; outline-style: none;}


@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.div_log { position:absolute; bottom: 0px; width: 100%; height: 50px; font-size: 30px; text-align: center; color: white; }


.modal_wrapper{height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgba(255,255,255,0.2);}
.modal_card{background-color: white; margin: 50% auto; height: 200px; width: 400px;}