html { 
  background: yellow;
}
body {
	margin:30px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 20px;
	color: white;
}
.left    { float: left; }
.cleaner { 	clear:both; }
.stred  { text-align: center; }
.vpravo { text-align: right; }
.vlavo  { text-align: left; }
.center { display: inline-block; }
.slido {
	cursor:pointer;
	background-color:#1a73e8;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	margin-top:20px;
	text-align: center;
	width: 222px;
	margin: auto;
}
#div { border: 1px solid #F00; }

@media only screen and (min-width: 340px) {

.containerka { margin-top:0px; }
.right   { text-align: center; margin: auto; }


@media only screen and (min-width: 800px) {

.containerka { margin-right:280px; }
.right   { position : fixed; right: 50px; top: 30px; }