@media screen and (min-width: 768px) and (max-width: 1024px) {
	.content {
		max-width: 1024px;
		min-width: 768px;
		
	}	

	.zag {
   		
    		margin-bottom: 0px;
	}

	.animal {
		margin: 100px 0px;
	}
		.animalimg {
			/*width: 50%;
			height: 300px;*/
			width: 50%;
			height: 100%;
			max-width: 500px;
			min-width: 200px;
	}
		
		.between {
			width: 50px;
		}
		.animaldescription {
			/*max-width: 250px;
			min-width: 30px;*/
			margin-left: 5px;
			font-size: 20px;
			width: 400px;
			
	}			
}
@media screen and (min-width: 480px) and (max-width: 768px) {
	.zag {
   		
    		margin-bottom: 0px;
	}
		.zag img {
			max-width: 400px; 
	}
	 	
		.content {
			max-width: 768px;
			min-width: 480px;
			
			
	}
		.animal {
			flex-direction: column;
			align-items: center;
	}
		.animalimg {
			width: 90%;
			max-width: 550px;
			text-align: center;
			height: 100%;
	}			
		
				
		/*.between {
			width: 5px;
	}*/
		.animaldescription {
			max-width: 400px;
			min-width: 30px;
			margin-left: -10px;
			font-size: 20px;
			width: 100%;
	}			
}
@media screen and (max-width: 480px) {
	.zag {
			font-size: 1.5em;
			/*margin-top: 200px;*/
			margin-bottom: 0px;		
	}

		.content {
			max-width: 480px;
			min-width: 300px;
	}
		.between {
			width: 1px;
	}
		/*.animal {
			margin-top: 0px;
	}*/
	
		.animal {
			flex-direction: column;
			align-items: center;
	}
		.animalimg {
			max-width: 300px;
			width: 300px;
			text-align: center;
			/*height: 300px;*/
	}					
		.animal img {
			width: 100%;
			height: auto;			
	}
		.animaldescription {
			width: 100%;
			max-width: 250px;
			min-width: 50px;
			margin-left: 1px;
			font-size: 14px;		
	}
		.nameandage {
			font-size: 24px;
	}
}	
/*СКОБКУ ПРОВЕРЬ*/