@media screen and (min-width: 1024px)
{
	body
	{
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		background: url('bg.jpg');
		box-sizing: border-box;
		padding: 0 0 0 0;
		//margin:0 0 0 0;
		
		
		
	}
	
	h1
	{
		font-size: 30px;
	}
	
	
	
.avesta-l
{
	display:inline-block;
    position:absolute;
    top:75%;   
    ##right: 23%;
	left: 53%;
    height: 15%;    	    
     
    /* ќформление текста */
    color:silver;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px; 
	

     
    /* ‘он */
    background-color:rgba(0,0,0,.4);
    padding: 2% 1% 1% 1%;
    ##margin-left: -30px;
	text-align: center;
	width: 22%;
}

	.albedo-l
{
	display:inline-block;
    position:absolute;
    top:75%;   
    ##right: 23%;
	left: 23%;
    height: auto;    	    
     
    /* ќформление текста */
    color:silver;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px; 
	

     
    /* ‘он */
    background-color:rgba(0,0,0,.4);
    padding: 1% 1% 1% 1%;
    ##margin-left: -30px;
	text-align: center;
	width: 22%;
}
}

@media screen and (min-width: 681px) and (max-width: 1023px)
{
	body
	{
		width: 680px;
		margin-left: auto;
		margin-right: auto;
		background: url('bg-m.jpg');
		
	}
	
	.avesta-l
{
	display:inline-block;
    position:absolute;
    top:70%;   
    ##right: 23%;
	left: 65%;
    height: 22%;    	    
     
    /* ќформление текста */
    color:silver;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px; 
	

     
    /* ‘он */
    background-color:rgba(0,0,0,.4);
    padding: 5% 1% 1% 1%;
    ##margin-left: -30px;
	text-align: center;
	width: 22%;
}

	.albedo-l
{
	display:inline-block;
    position:absolute;
    top:70%;   
    ##right: 23%;
	left: 13%;
    height: auto;    	    
     
    /* ќформление текста */
    color:silver;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px; 
	

     
    /* ‘он */
    background-color:rgba(0,0,0,.4);
    padding: 1% 1% 1% 1%;
    ##margin-left: -30px;
	text-align: center;
	width: 22%;
}

h1
{
	font-size: 25px;
}
}



@media screen and (max-width: 680px)
{
	body
	{
		width: 480px;
		margin-left: auto;
		margin-right: auto;
		background: url('bg-sv.jpg') repeat-y ;
		
	}
	
	.avesta-l
{
	display:inline-block;
    position:absolute;
    top:60%;   
    ##right: 23%;
	left: 60%;
    height: 20%;    	    
     
    /* ќформление текста */
    color:silver;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px; 
	

     
    /* ‘он */
    background-color:rgba(0,0,0,.4);
    padding: 6% 1% 0px 1%;
    ##margin-left: -30px;
	text-align: center;
	width: 22%;
}

	.albedo-l
{
	display:inline-block;
    position:absolute;
    top:60%;   
    ##right: 23%;
	left: 13%;
    height: auto;    	    
     
    /* ќформление текста */
    color:silver;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px; 
	

     
    /* ‘он */
    background-color:rgba(0,0,0,.4);
    padding: 1% 1% 1% 1%;
    ##margin-left: -30px;
	text-align: center;
	width: 25%;
}

h1
{
	font-size: 15px;
}
}



.text
{
	text-align:center;
	color:white;
}
.text #button{
		display:inline-block;
		background:green;
		height: 60px;
		width:170px;
		padding-left:0px;
		padding-top:30px;
		border-radius: 50px;
		text-decoration: none;
		font-size:25px;
		font-weight: bold;
		color: white;
		opacity:0.5;
		
		
	}
	
	.text #button:hover{
		opacity:0.9;
		transition: 0.6s;
		}