Body{font-family: "Roboto",Helvetica,Arial,san serif;}

/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/
@media (min-width: 768px) and (max-width: 1920px) {
	
}

@media(max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1200px) {

}
@media (min-width: 1200px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {

}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
.address-bar{display:none}
}

/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 768px) {

}
/*===========================================*/
/*	MOBILE
/*===========================================*/

@media (max-width: 767px) {

}
@media (min-width: 200px) and (max-width: 768px) {

}
@media (min-width: 600px) and (max-width: 767px) {

}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}
#circle {
  float:left;
  position: relative;
  background-color: #09f;
  margin: 20px auto;
  width: 200px;
  height: 200px;
  margin-left:20px;
  border-radius: 100px;
}

#text {
  position: absolute;
  top: 20%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 40px;
}
#value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #f0f;
  font-size: 70px;
}
#unit {
  position: absolute;
  top: 80%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 30px;
}
#novas{padding: 6px 10px 0 0;background: #fff;  background-size: .12em 100%; font: 16em/1 Denmark Regular;}
#time{padding: 10px 10px 0 0;}
.right_col{background-color: #e4e5e6!important;}
.nav_menu{background-color: #fff!important; border-bottom: 1px solid #cfd8dc!important;;}
.toggle {padding-top: 11px!important;}
.font-size-22{font-size:22px!important;}
.font-size-14{font-size:14px; font-family:Helvetica}
.font-size-13{font-size:13px; font-family:Helvetica}
.font-size-12{font-size:12px; font-family:Helvetica}
.font-size-11{font-size:11px; font-family:Helvetica}
.font-size-10{font-size:10px; font-family:Helvetica}
.font-size-10{font-size:10px; font-family:Helvetica}
.bold{font-weight:bold;}
.text--line {font-size: .5em/1 Denmark Regular;}
.text-copy {fill: none; stroke: white; stroke-dasharray: 7% 28%; stroke-width: 5px; -webkit-animation: stroke-offset 9s infinite linear; animation: stroke-offset 9s infinite linear;}
.text-copy:nth-child(1) {stroke: #000; stroke-dashoffset: 7%;}
.text-copy:nth-child(2) {stroke: #191919; stroke-dashoffset: 14%;}
.text-copy:nth-child(3) {stroke: #323232; stroke-dashoffset: 21%;}
.text-copy:nth-child(4) {stroke: #f00; stroke-dashoffset: 28%;}
.text-copy:nth-child(5) {stroke: #cc0000; stroke-dashoffset: 35%;}
@-webkit-keyframes stroke-offset {50% {stroke-dashoffset: 35%; stroke-dasharray: 0 87.5%;}}
@keyframes stroke-offset {50% {stroke-dashoffset: 35%; stroke-dasharray: 0 87.5%;}}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #cfd8dc;
	margin-top:55px;
}
.card-header {padding: 10px; margin-bottom: 0; background-color: #eceff1; border-bottom: 1px solid #cfd8dc;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 17px; color: black; font-weight: bold;
}
.card-block {flex: 1 1 auto; padding: 10px;}