.recording-preview{
 width: 100%;
}
iframe{ max-width: 50%;}
@media only screen and (max-width: 575px) {
.recording-preview{
 width: 100%;
}
iframe{
    max-width: 360px;
}
}
#recordingDiv h1,#recordingDiv h2,#recordingDiv h3,#recordingDiv p,#recordingDiv label{
	color:#000000!important;
	font-family:Arial;
	font-style:;
	font-weight:;
}
#recordingDiv .btn{
	background:#000000;
}


@media only screen and (max-width: 570px) {
.stop-screen-button{
  position: fixed;
  top:82%;  transform:rotate(-90deg);
  transform-origin: left;
  left:20px;
  z-index: 10000000;
}

.stop-screen-button #widget-button{
  display: block;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
}
}
.stop-screen-button{
  position: fixed;
  top:82%;  transform:rotate(-90deg);
  transform-origin: left;
  left:20px;
  z-index: 10000000;
}

.stop-screen-button #widget-button{
  display: block;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
}