.flexcontain {
	scrollbar-color: #596589 rgba(255,255,255,0); 
	/* scrollbar-width: thin; */
	width: 100%;
	overflow-x: scroll; 
	margin: auto;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.flexmain {
	display: flex; 
	flex-direction: row; 
	flex-wrap: nowrap;
	margin: auto;
}

.flexinside {
	width:120vw;
	min-width:400px;
	margin: 10px;
	flex-direction: column;
}

.flexinside-half {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	flex: 1 1 300px;
	width: 45%;
	min-width:45%;
	margin: 0px;
	border-right: 4px #f4f4ee solid;
	/* justify-content: space-between; */
}

.flex-mid-container {
	/* width: 100%; */
	position: relative;
	margin: 1em;
}

.flexinside-half a {
	color: #596589;
}

.flexx-footer {
	align-self: flex-start;
	margin-top: auto;
	margin-bottom:1em;
	width: 100%;
}

.flexx-footer p {
	margin-left: 1em;
	margin-right: 1em;
}

.widtheight {
	width: 90%;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.widtheight img {
	max-width: 90%;
}

.text-quote {
	width: 95%;
	min-width: 90%;
	margin: auto;
	text-shadow: 2px 2px 5px black;
	bottom: 16px;
	
	text-align: center;
	/* padding: 2em; */
	border: 2px solid #596589;
	border-radius: 5px;
	background: rgba(0,0,0,.2);
}

.text-quote p {
	margin: 2em 10% 2em 10%;
	font-size: 1.5em;
	text-align: left;
}

.more-text {
  position: relative;
  margin-bottom: 2em;
}

summary {
	color: green;
	position: absolute;
	left: 40%;
	font-size: 1.5em;
	font-weight: 900;
	}

[open] summary { bottom: -1.5em; }
summary::before { content: "Покажи интервюто"; }
[open] summary::before { content: "Затвори текста"; position: fixed; bottom: 2%; }
details { display: inline; }

.website {
	align-self: flex-start;
	margin-right: auto;
	background: url("../paimg/pa-web-left.png") no-repeat left bottom; 
	background-size: cover; 
	width:50%;
	margin-bottom: auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

.websiteright {
	margin-bottom: auto;
	margin-left: auto;
	background: url("../paimg/pa-web-right.png") no-repeat right bottom; 
	background-size: cover; 
	width:50%;
	padding-top: 1em;
	padding-bottom: 1em;
}

.left {
	width: 40%;
	float: left;
}

.right {
	width: 40%;
	float: right;
}

.bold {
	font-weight: 700;
}

.clarify {
	clear: both;
}

.trunty {width: 60%;}
.fifty  {width: 50%;}
.trenty {width: 30%;}
.twenty {width: 20%;}
.twinty {width: 15%;}
.tenty  {width: 10%;}

.raychip {
	width: 40%;
	position: absolute;
	top: -190px;
	left: 0px;
	z-index: -1;
}

.category {
	border-top: 2px #596589 solid; 
	width:100%; 
	padding-top:2%;
}

.silverwater {
	margin-top: -3em;
}

.euroaquefilter {
	margin-left: 2em;
	margin-bottom: 3em;
}

.euroaquefiltertext {
	width: 40%;
}

/* SOME MEDIA SIZE FONT CORRECTIONS */
@media screen and (max-width: 1280px) {
	.silverwater { 	margin-top: -2em;}
}

@media screen and (max-width: 960px) {
	.flexinside-half { min-width: 55%;}
}

@media screen and (max-width: 768px) { 
	.flexinside-half { min-width: 60%;}
	.flexx-footer p { margin-left: 0.5em; margin-right: 0.5em; }

}
@media screen and (max-width: 640px) { 
	.flexinside-half { min-width: 70%;}
	.euroaquefilter { margin-left: 1em; margin-bottom: 3em; }
}
@media screen and (max-width: 480px) { 
	.flexinside-half { min-width: 80%;}
	.website, .websiteright { width: 60%;}
	.silverwater { 	margin-top: 1em;}
	.euroaquefilter { margin-left: 0em; margin-bottom: 6em; }
	.euroaquefiltertext { width: 60%; }
}
@media screen and (max-width: 320px) { 
	.flexinside-half { min-width: 90%;}
	.euroaquefiltertext { width: 70%; }
}