.rozvagi-wrapper {
	width: 100%;
	display: grid;
}

.rozvagi-main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border: 0px solid blue;
}

.rozvagi-title {
	position: relative;
	top: 0;
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
	width: 100%;
	border: 0px solid red;

}

.rozvagi-photo img {
	width: 100%;
}
.rozvagi-img {
	width: 100%;
}

/* Екран до 321 */
@media screen and (max-width: 320px) {
.rozvagi-wrapper {
	grid-template-columns: repeat(1, 100%);
}

.rozvagi-main {
	flex-direction: column;
 }
.rozvaga-text {
	width: 100%;
 }

.rozvagi-photo {
	width: 100%;
 }
}

/* Екран від 321 до 920 пікс книжкова орієнтація */
@media (min-width: 321px) and (max-width: 920px)  and (orientation: portrait){
.rozvagi-wrapper {
	grid-template-columns: repeat(1, 100%);
	grid-gap: 0%;
}

.rozvagi-main {
	flex-direction: row;
	width: 96%;
 }
.rozvaga-text {
	width: 45%;
 }

.rozvagi-photo {
	width: 53%;
 }
}

/* Екран від 321 до 920 пікс альбомна */
@media (min-width: 321px) and (max-width: 920px) and (orientation: landscape) {
.rozvagi-wrapper {
	grid-template-columns: repeat(2, 50%);
	grid-gap: 1%;
}

.rozvagi-main {
	flex-direction: column;
	width: 96%;
 }
.rozvaga-text {
	width: 100%;
 }

.rozvagi-photo {
	width: 100%;
 }
}

/* Екран від 920 пікс */
@media (min-width: 921px) {
.rozvagi-wrapper {
	grid-template-columns: repeat(4, 24%);
	grid-gap: 1%;
}

.rozvagi-main {
	flex-direction: column;
	width: 96%;
 }

.rozvaga-text {
	width: 100%;
	padding-top: 0;
	height: 100%;
 }

.rozvagi-photo {
	width: 100%;
 }

}