.wallpaper
{
	width: 100%;
	height: auto;
	display: flex;
	margin: 0;
	/* font-family: Helvetica; */

	padding-bottom: 50px;
	background: url(img/forest1.53.jpg);
}
.navbar
{
	margin-left: 0;
	margin-right: 0;
}

.article
{
	height: fit-content;
}

.artur
{
	height: fit-content;
	padding-left: 5%;
	padding-right: 5%;
}

.col-sm-10
{
	width: 80%;
    margin-right: auto;
	margin-left: auto;
	padding: 30px;
}


.twinbox
{
	height: fit-content;
	width: 90%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	align-items: center;
	justify-content: center;
	border: #0a2b42 2px solid;
}

.testramka1
{
	height: fit-content;
	width: 40%;
	float: left;
	margin-left: 5%;
	margin-right: 2%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testramka2
{
	height: fit-content;
	width: 59%;
	margin-left: 2%;
	margin-right: 5%;
	float: left;

}

.testframe1
{
	height: fit-content;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.testframe1 img
{
	height: auto;
	max-width: 100%;
	display: flex;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .5);
}

.testframe1 img:hover
{
	transform: none;
	transition: none;
}

.testframe2 p
{
	text-align: justify;
}

.insta
{
	width: 20%;
	margin-left: 3%;
	margin-right: 2%;
}

.fb
{
	width: 20%;
	margin-left: 3%;
	margin-right: 2%;
}

.yt
{
	width: 20%;
	margin-left: 2%;
	margin-right: 3%;
}

.i_container {

	margin-top: auto;
	margin-bottom: auto;
}

.empty
{
	height: 20%;
}

.i_container a
{
	height: 60%;
	margin-top: auto;
	margin-bottom: auto;
}

@media(max-width: 1200px)
{
	.col-sm-10
	{
		width: 90%;
	}

	.testramka1
	{
		width: 30%;
	}

	.testramka2
	{
		width: 69%;
		padding-left: 2%;
		text-align: left;
	}

	.testframe1 img
	{
		height: auto;
		max-width: 100%;
	}

	.sticky
	{
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}

}


@media(max-width: 950px)
{
	.twinbox
	{
		clear: both;
		flex-direction: column;
	}

	.testramka1
	{
		width: 80%;
		clear: both;
	}

	.testramka2
	{
		width: 90%;
		padding-left: 2%;
		clear: both;
	}

	.testframe1 img
	{
		max-height: 300px;
		width: fit-content;
		max-width: 250px;
	}

	.row
	{
		flex-direction: column;
	}

	.insta
	{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	.fb
	{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	.yt
	{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.info
	{
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}

}