*      {  margin:0; padding:0;
  font-family: 'Play',Arial,sans-serif; text-decoration:none;}


#wrapper   {  width:400px;
              margin: 0 auto;
              padding:40px;
              background:#fff;
              box-shadow:0 0 50px 0 rgba(0,0,0,.25);}
.top-controls{
	float:right;
	padding: 10px;
    margin: -5px 0px 0px 0px;
	}
.top-controls button{
	padding: 0px;
	margin: 0px 1px 0px 2px;
	}
.btn-top{
	border:0px;
	}

#controls  {
              float:right;
              padding: 0px;
             /* width: 7%;*/
              /* background: #333; */
              position:relative;
              margin: 7px 24px -10px 0px;
              text-align:center;
              transition:.25s ease-out;
              }
#controls ul{
	list-style-type:none;
	}
#controls li{
	float:left;
	}

#controls a
           {
              text-decoration: none;
              font-size: 11px;
              color: #03c5ff;
              /* display:block; */
              /* font-weight:bold; */
              padding: 0px 2px;
     }

#controls a:hover
           {  color:#fff;
              background:#000;
              transition:.25s ease-out;}

a.selected  {  background:#000;
               color:#fff !important;}

#small     {/* font-size:10px !important; */}
#medium    {  font-size:14px !important;}
#large     {  font-size:18px  !important;}

.small     {  font-size:75%;}

h1         {  font-size:36px;
              font-weight:bold;}

h2         {  font-size:24px;
              margin: 10px 0;}
 
p          {  font-size:14px;
              line-height:20px;}