#page-background{min-height:350px;width:100% !inherit;padding:0;-webkit-background-size:cover;background-size:cover;background-position: center;}
#page-header{padding-top:100px}
#page-header h1{color:#fff;font:2em/2em Helvetica,sans-serif}
.page-header-content{color:#fff;font:1em/1.8em Helvetica,sans-serif}
.page-header-bottom{margin-top:25px}
.page-header-bottom span{color:#fff;font:12px/30px Helvetica,sans-serif;margin:25px 40px 0 0}
#page-header .descr{margin-top:35px}
#page-content{padding-top:50px;margin:0 auto}
.top-content{color:gray;font:.8em/.8em Helvetica,sans-serif;margin:15px 0}
#date-post{float:left}
#time-post{float:right}
#page-content p{font:1em/1.5em Helvetica,sans-serif;margin:10px 0}

#page-content h2{font:bold 1em/1.5em Helvetica,sans-serif;margin-top:15px}
#page-content h3{font:bold .9em/1.5em Helvetica,sans-serif;margin-top:15px}
#post img{margin:15px 0;width: 100%;}
#post .image{text-align:center}
#post li{margin:10px 0}
#post ul{margin-left:25px;list-style-type:disc}
#post ol{margin-left:25px;list-style-type:decimal}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
#post .social-image input{margin:20px 10px}
.related{margin:15px 0}
.card{margin:15px 0}
.card-image{background-color:#eee;background:green;position:relative}
.card-image img{width:100%;display:block;margin:0 auto}
.card-descr p{font:0.88em/1.6em Helvetica,sans-serif !important;text-decoration:none;color:#fff;margin:0!important;background:#60af2f;border-radius:0 0 4px 4px;padding:10px}
.further{padding:10px 15px;position:absolute;bottom:0;border-radius:5px 0 0 0;background:#32526a;color:white;right:0}
#banner{margin:15px 0;background:#F1F1F1;height:450px;text-align:center;padding-top:50px}
#banner div{margin:18px 0;color:gray}
#b345 {background-color:#c8e9f3;height:450px; margin-top: 30px;}
#b345 .rekl-img img{width:100%}
#b345 .rekl-title{color:#32526a;font-size:33px;font-weight:bold;padding-top:20px;text-align: left;padding-left: 10px;}
#b345 .rekl-subtitle{color: #32526a;font-size: 14px; padding: 5px;font-weight: 600;}
#b345 .ul{text-align:right;color:#60af2f;font-weight:900;text-transform:uppercase;padding:10px 0}
#b345 .ul .li1{padding:5px 0;padding-right:60px}
#b345 .ul .li2{padding:5px 0;padding-right:40px}
#b345 .ul .li3{padding:5px 0;padding-right:5px}
#b345 .rekl-btn a{background-color:#60af2f;padding:10px 40px;width:200px;color:#fff;border-radius:4px;border:0;margin:10px 0;text-transform: uppercase;}
#b345 .rekl-btn{margin-top:35px}
#b345 .rekl-btn a:hover{background-color:#fff;padding:10px 40px;width:200px;color:#60af2f;border-radius:4px;border:0;margin:10px 0}
#categories{margin:25px 0;padding:10px 0;border-top:1px solid gray;border-bottom:1px solid gray}
.header-categories{font:20px/20px Helvetica,sans-serif;text-transform:uppercase;margin:10px 0}
#categories ul{padding-left:0px}
#categories li{margin:15px 0}
#categories a{font:18px/18px Helvetica,sans-serif;color:gray}
.category{list-style-image:url(/images/icons/category.png)}
#popular-news img{height:70px;width:70px;float:left}
.news{height:70px;margin:10px 0}
.news:hover{background:#F1F1F1}
#popular-news li{width:100%;height:100px}
#popular-news p{color:black;padding-left:80px}
.comments-form label {margin: 15px 0px; }
#page-content #content .related h1{font: 1.8em/1.8em Helvetica,sans-serif;text-transform:uppercase;margin:15px 0}
.btn-go {width: 120px !important; }
#page-content #content .stButton .stButton_gradient {height: 24px !important;}
.comments-form  textarea {width: 100%}
.comments-form {margin-bottom: 30px;}


	@media screen and (min-width: 1201px)  {



}

@media screen and (min-width: 993px) and (max-width: 1200px) {



}

@media screen and (min-width: 769px) and (max-width: 992px) {

	#page-header h1 {font: 1.5em/2em Helvetica,sans-serif;}
}

@media screen and (min-width: 425px) and (max-width: 768px) {

	#page-header h1 {font: 1.3em/2em Helvetica,sans-serif;}
}

@media screen and (min-width: 100px) and (max-width: 424px) {

	#page-header h1 {font: 1.2em/2em Helvetica,sans-serif;}

}