@font-face {
    font-family: 'Roboto';
    src: url('Roboto-300.woff') format('woff');
	font-weight:400;
}
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff') format('woff');
	font-weight: bold;
}
* {
	margin: 0;
	padding: 0;
}
body, html {	
	height: 100%;
}
body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(higru.jpg);
	background-size:cover;
	background-position:center;
}
strong {
	font-size:14px;
}
p {
    margin-bottom: 6px;
}
a {
	text-decoration:none;
	color:black;
}
.fadewrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 80%;
	display: none;
}
.contentwrapper {
	/* [disabled]background: lightgray; */
	width: 100%;
	height: 100%;
	/* [disabled]opacity: 50%; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.content {
	background: rgba(255,255,255,0.8);
	/* [disabled]opacity: 80%; */
	border-radius: 50%;
	width: 350px;
	height: 350px;
	/* [disabled]padding: 22px; */
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.5em;
}
#logo {
    margin: 10px;
}
.pulsewrapper {
	height: 80%;
	width: fit-content;
	margin:auto;
	  display: flex;
  justify-content: center;
  align-items: center;
}
.pulse {
	/* [disabled]margin:100px; */
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: red;
	/* [disabled]cursor: pointer; */
	position:relative;
	border: 6px solid red;
}
.pulse:after {
  content:"";
  display:block;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  border: 5px solid red;
  position:absolute;
  top:-7px;
  left:-7px;
  animation: pulse 2s ease 0s infinite;
}

@keyframes pulse {
  0% {opacity: 1; transform: scale(1);}
  80% {opacity: 0; transform: scale(1.3);}
  100% {opacity: 0; transform: scale(1.6);}
}


@media only screen and (min-width : 1501px){
.pulse {
	/* [disabled]margin:100px; */
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: red;
	/* [disabled]cursor: pointer; */
	position:relative;
	border: 8px solid red;
}
.pulse:after {
  content:"";
  display:block;
  width: 154px;
  height: 154px;
  border-radius: 50%;
  border: 7px solid red;
  position:absolute;
  top:-9px;
  left:-9px;
  animation: pulse 2s ease 0s infinite;
}

@keyframes pulse {
  0% {opacity: 1; transform: scale(1);}
  80% {opacity: 0; transform: scale(1.3);}
  100% {opacity: 0; transform: scale(1.6);}
}
}