.circle {
    margin-left:28%;
    position: relative;
	width: 100%;
    height: 0;
    padding: 50% 0;
    border-radius: 50%;
    box-shadow: 0 @shadow-length 0 0 @shadow;
    text-shadow: 0 @shadow-length 0 @shadow;

    color: white;
    font-family: inherit,sans-serif;
    font-size: 48px;
    text-align: center;


  @shadow: rgba(0, 0, 0, .1);
  @shadow-length: 4px;
  -webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
          box-shadow: 0 @shadow-length 0 0 @shadow;
  text-shadow: 0 @shadow-length 0 @shadow;
  background: #38a9e4;
  color: white;
  font-family: 'Open Sans', Arial Black, sans,sans-serif;
  font-size: 48px;
  text-align: center;
}
.txtsyle1
{
	text-align:center;
	font-size:20px;
	color:#ec334e;
	font-weight:600;
}
.txtsyle2
{
	text-align:center;
	font-size:14px;
	color:#ec334e;
	font-weight:300;
}
.txtsyle3
{
	text-align:center;
	font-size:20px;
	color:#3fae29;
	font-weight:600;
}
.txtsyle4
{
	text-align:center;
	font-size:14px;
	color:#8cce7f;
	font-weight:300;
}
.consent>p{
	font-size:18px;
	text-transform:uppercase;
	padding:10px 0 0 0;
}
.consent>div:nth-of-type(3)>button,.consent>div:nth-of-type(4)>button
{
	font-size:16px;
	color:#d1d4d3;
}

@media (min-width: 1280px)
{
	.circle__content {
    font-size: 16px;
}

}
@media (min-width: 640px)
{
	.circle__content {
    font-size: 2em;
}

}
@media (min-width: 360px)
{
	.circle__content {
    font-size: 22px;
}

}
@media (min-width: 600px)
{
	.circle__content {
    font-size: 50px;
}

}
@media (min-width: 320px)
{
	.circle__content {
    font-size: 18px;
}

}
@media (min-width: 375px)
{
	.circle__content {
    font-size: 24px;
}

}
@media (min-width: 414px)
{
	.circle__content {
    font-size: 28px;
}

}
@media (min-width: 768px)
{
	.circle__content {
    font-size: 65px;
}

}
@media (min-width:1024px)
{
	.circle__content {
    font-size: .4em;
}

}
@media (min-width: 1880px)
{
	.circle__content {
    font-size: .8em;
}

}