body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 95vh;
  background:  #8e44ad;
  font-size: 16px;
  color: white;
  box-sizing: border-box;
  font-family: Arial, Helvetica, Calibri, sans-serif;
  -webkit-flex: 5;
}

.group {
  position: relative;	
  display: none;
  align-items: center;
  margin-bottom: 2em;
}
input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  margin-right: 1em;
  padding-left: 2em;
  padding-right: 1em;
  line-height: 2;
  cursor: pointer;
  &:before {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0.3em;
    left: 0;
    display: block;
    width: 1.4em;
    height: 1.4em;
    border: 2px solid white;
    border-radius: .25em;
    z-index: -1;
  }
}
input[type="radio"] + label::before {
  border-radius: 1em;
}
/* Checked */
input[type="radio"]:checked + label {
  padding-left: 1em;
  color:  black;
  &:before {
    top: 0;
    width: 100%;
 //   height: 2em;
    background-color: white;
  }
}

/* Transition */
label,
label::before {
  -webkit-transition: .25s all ease;
  -moz-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
	.old { color: black; font-size: 1vw; }
	.new { color: white; font-size: 1.3vw;}
	main { float: left; width: 25%;}
	iframe { width: 1300px; height: 900px; position: relative; margin-top: 12px;}
	h1   { font-size: 1.6vw;}
	h2   { font-size: 1vw;}	
	.group { float: left; font-size: 1vw; }
	nav  { float: left; font-size: 1vw; }
	.sel { font-size: 1.2vw; }
	select { font-size: 1vw; }	
	
 footer { background-color: #0099cc;
         color: #ffffff;
         text-align: center;
         font-size: 1vw;
         clear: left;
         position: fixed;
         bottom: 0;
         left: 0;
         width: 100%;
} 	
header {
  position: fixed;
  top: 0;
  background: rgba(0,0,0,.5);
  background-color: #9933cc;
  color: #ffffff;
  text-align: center;
  padding: 2px;
  }
button { color: black;
         border-radius: 12px;
         background: #73AD21;
         width: 33%; 
         margin: 4px;
         font-size: 1.1vw;}
  
button:hover{
  background-color: yellow;
  color: black;}
  
  #clearfix { clear:both;}