/*ЭТО ВАРИАНТ СТИЛЕЙ ДЛЯ  ПРОСМОТРА НА МОНИТОРЕ КОМПЬЮТЕРА*/
@media screen and (max-width:1280px) and (min-width:1100px)
{body
 {	color:royalblue;
 	 font-size: 250%;
	font-family: sans-serif;
	text-align: center;
	border: solid;
	border-width: 5px;
	border-radius: 20px;
	background-color: lightcyan;
	background-image: url(../images/logo.jpg);
	background-position: 50% 3%;
	background-repeat: no-repeat;
	padding-top: 150px;
	margin:10px;
	block-size: available;}
}
/*ЭТО ВАРИАНТ СТИЛЕЙ ДЛЯ  ПРОСМОТРА НА САМРТФОНЕ*/
@media screen  and (max-width:1000px) 
{body
 {
  /* стили будут применяться, когда условие истинно */	
	color:royalblue;
 	 font-size: 250%;
	font-family: sans-serif;
	text-align: center;
	border: solid;
	border-width: 5px;
	border-radius: 20px;
	background-color: lightcyan;
	padding-top: 150px;
	margin:10px;
}
}