/* GLOBAL STYLES */
* {
    box-sizing: border-box;
 }
 body {
    font-family: 'Fira Sans', sans-serif;
    margin: 0;
	background-color:#ffeb0b;
 }
a {
   color: #000;
   font-weight: 300;
   letter-spacing: 2px;
   text-decoration: none;
   /*background: rgb(238, 13, 13);
   background:#000;*/
   padding: 20px 5px;
   display: inline-block;
   width: 100%;
   text-align: center;
}
a:hover {
   /*background: rgba(238, 13, 13, 0.75);
   background:#00465a;*/
}
	#logoM{
   display: none;
	}
 #texto{
	font-size:30px; 
 }
  #texto2{
	font-size:20px; 
	font-weight:bold;
 }
 .contagem{
		width:350px;
		height:80px;
		background:		#000 ;
		color:#FFF;
		float:left;
		margin:5px;
		font-size:50px;
		padding:10px;
 }
 .container{
	margin-left:60px;
 }
 .radius {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

@media all and (max-width: 870px) {
	#logo{
   width:50%;
   height:50%;
	}

 #texto{
	font-size:15px; 
 }
  #texto2{
	font-size:25px; 
	font-weight:bold;
 }
 .contagem{
		width:260px;
		height:60px;
		background:#000 ;
		color:#FFF;
		float:left;
		margin:5px;
		font-size:35px;
		padding:10px;
 }
 .container{
	margin-left:130px;
 }
}
@media all and (max-width: 680px) {
	#logo{
   width:50%;
   height:50%;
	}
 #texto{
	font-size:15px; 
 }
  #texto2{
	font-size:25px; 
	font-weight:bold;
 }
 .contagem{
		width:260px;
		height:60px;
		background:		#000 ;
		color:#;
		float:left;
		margin:5px;
		font-size:35px;
		padding:10px;
 }
 .container{
	margin-left:100px;

 }
}