.sodebanner{
	display:block;
	font-family:Roboto,sans-serif;
	font-weight:500;
	text-align:center;
	text-decoration:none !important;color:#000 !important;
	background:#fdd132; 
	width:100%;}
	@media (max-width:452px){.sodebanner{font-size:4vw;}}
	@media (min-width:500px){.sodebanner{font-size:10pt;}}
	@media (min-width:557px){.sodebanner{font-size:17pt;width:500px}}
	@media (min-width:768px){.sodebanner{font-size:7.5pt;width:213px}}
	@media (min-width:992px){.sodebanner{font-size:10pt;width:290px}}
	@media (min-width:1200px){.sodebanner{font-size:12pt;width:314px}}
	@media (min-width:1450px){.sodebanner{font-size:12pt}}

	.dpbanner{
		display:block;
		font-family:Roboto,sans-serif;
		font-weight:500;
		text-align:center;
		text-decoration:none !important;color:#000 !important;
		background: url(https://bendery.org/images/banners/dp1.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width:100%;}
		@media (max-width:452px){.dpbanner{font-size:4vw;}}
		@media (min-width:500px){.dpbanner{font-size:10pt;}}
		@media (min-width:557px){.dpbanner{font-size:17pt;width:500px}}
		@media (min-width:768px){.dpbanner{font-size:7.5pt;width:213px}}
		@media (min-width:992px){.dpbanner{font-size:10pt;width:290px}}
		@media (min-width:1200px){.dpbanner{font-size:12pt;width:314px}}
		@media (min-width:1450px){.dpbanner{font-size:12pt}}
	.dpbanner:hover{background: url(https://bendery.org/images/banners/dp2.png); background-size: 100%; background-repeat: no-repeat;}

  .n1 {
  display: flex;
  justify-content: left;
  align-items: center;
}
  .n2 {
  width: 300px; 
  height: 200px;
}
  .n3 {
  margin-left: 10px; 
  width: 100%; 
  height: 100%;
}
  @media (max-width: 992px) {.n1{flex-direction:column; justify-content: center;align-items:center;}}
  @media (max-width: 992px) {.n2{flex-direction:column; justify-content: center;align-items:center;}}

.knopka {
	display:block;
	font-family:Roboto,sans-serif;
	font-weight:500;
	text-align:center;
	text-decoration:none !important;
        color:#2a2a2a;
	background:#fada67;
	width:100%;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 3px;
        outline: none;
} 
.knopka:hover { background: #2a2a2a; color: white; text-decoration: none;  } /* при наведении курсора мышки */
.knopka:active { background: rgb(152,15,0); } 

.banner{
	display:block;
	font-family:Roboto,sans-serif;
	font-weight:500;
	text-align:center;
	text-decoration:none !important;
        color:#2a2a2a;
	background:#fada67;
	width:100%;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 3px;
        outline: none;
}
	@media (max-width:452px){.banner{font-size:4vw;}}
	@media (min-width:500px){.banner{font-size:10pt;}}
	@media (min-width:557px){.banner{font-size:17pt;width:500px}}
	@media (min-width:768px){.banner{font-size:7.5pt;width:213px}}
	@media (min-width:992px){.banner{font-size:10pt;width:290px}}
	@media (min-width:1200px){.banner{font-size:12pt;width:314px}}
	@media (min-width:1450px){.banner{font-size:12pt}}
.banner:hover { background: #252525; color: white; text-decoration: none;  } /* при наведении курсора мышки */
.banner:active { background: rgb(152,15,0); } 

.sesstext{
	font-family: 'Segoe UI', sans-serif; 
	font-size: medium; 
	font-style: normal;}