*
{
 
	font-family: 'Open Sans', sans-serif;

}

 
 body{
    margin: 0px;
    padding: 0px;
    background-color:#E0D6CA;
}

.tm-container{
    
    margin: 0 auto;
}

.tm-header{
    background: #fff;
}
.tm-header::after{
 content: " ";
 clear: both;
 display: block;
 visibility: none;

}

.tm-nav 
{
float: right;
}


.tm-nav ul li
{
display: inline-block;

}

.tm-nav ul li a
{
padding: 10px 20px;
text-decoration: none;
color: #303030;
line-height: 60px; /*I have kept it as height of logo so that it displays inline with logo*/

}

.tm-nav 
{
float: right;
}
.tm-logo
{
    float: left;
}
.tm-container{
    max-width: 1200px;
    margin: 0 auto;
}

#counter{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
#circle1{
    height: 165px;
    width: 165px;
    background-color:#696878;
    border-radius: 50%;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
#shadowring{
    height: 165px;
    width: 165px;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0,0,0,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
#circle2{
    height: 196px;
    width: 196px;
    background-color:#BBD9DB;
    border-radius: 50%;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}