.gat{width:auto;height:auto;text-align:center;margin-top:10px; }
.vostok{background:#f7f6ee;padding:20px 20px 20px 20px;margin:20px 0 20px 0px;box-shadow:0px 0px 3px rgb(153, 153, 153);color:rgb(0,0,255);}
.vos{width:100%; text-align:center;}
.vost{width:100%; text-align:center;}
.gart{padding:15px;background-color:black;color:white;margin: 20px 0 20px 0px;text-align: right;}
.gard{padding:15px;background-color:#f5fff7;margin: 20px 0 20px 0px;box-shadow: 1px 1px 6px rgba(1,1,1,0.8);}
.gart a{color:white;text-decoration:underline;}
.druj{border:3px solid #00000030;padding:7px;margin:20px 0 20px 0px;background: #f7f6ee;} 
.druj_q{text-align:center;font-size:16px;color:green;}
.druj_w{text-align:center;font-weight:bold;}
.druj_e{text-align:center;}
.fls{color:red;}
.flss{color:red;text-align:center;}
.druj_r{text-align:center}
.druj_l{display:table;margin:0 auto;padding:5px 10px 5px 10px;}
.druj_f{display:table;margin:0 auto;padding:5px 10px 5px 10px;text-align: left;width: 164px;}
.tyr{text-align:left;background: #f7f7f2;padding: 0px 10px 0px 10px;display: table;line-height: 12px;box-shadow: 0px 0px 3px rgb(153, 153, 153);font-size: 10px;margin-top: 5px;}
.tyr a {color: green;}
a:hover {font-weight: bold;font-size:15px;text-transform: uppercase;}
.ryt{font-family:cursive;font-size: 15px;color:red;padding:19px;margin:8px 0 12px 0;border-radius:8px;box-shadow:0px 0px 3px rgb(153, 153, 153);}
.tsov {color: rgb(255,0,0);}
.recl {background:#ff000036; display:table-cell;padding: 0px 6px 0px 6px;margin-right: 10px;margin-bottom: 5px;color: white;border-radius: 3px;font-size: 11px;}
.youtube-player {height: auto;border: 0;overflow: auto;max-width: 100%;max-height: 100%;}
<!--картинка в заголовке-->
.pagecont {display: table;height: 60px;}
.pageimage {display:table-cell; } 
.pagecart{background: url(/sites/all/agrostartinfo/agrostartinfo.png) no-repeat;height: 60px;background-size: 100%;}
.pagetitle {display:table-cell; }
div.pageimage {vertical-align: middle; }
div.pagetitle {vertical-align: middle;}
div.pagecart {width: 100%;height:44px;min-width: 150px;}
.page-title { margin-left: 10px;border-left: 2px solid #ee0a0a;padding-left:3px;}
#exit { padding: 19px;background: #f5e40940;}
.col {color: #f32b09; }
a:hover{color:#300bef;}
.yan {text-align: center;}
.uk{ color:rgb(255,0,0)}
.tra {text-align: center; margin: 10px 10px 10px 0px;}
#ya-site-form0 .ya-site-form__form * {display: flex;border: 0;width: auto;}
#ya-site-form0 .ya-site-form__gap-i {width: 0px;display: contents;}
@media  screen and (max-width:1024px) {.pagecart {height:60px;} }
@media  screen and (max-width: 768px) {.pagecart {height:50px;} div.pagecart {height: 25px;min-width: 75px;}}
@media  screen and (max-width: 600px) {.pagecart {height:30px;} div.pagecart {height: 25px;min-width: 75px;}}
@media  screen and (max-width: 480px) {.pagecart {height:26px;} div.pagecart {height: 30px;min-width: 100px;}}
@media  screen and (max-width: 320px) {.pagecart {height:30px;} div.pagecart {height: 25px;min-width: 75px;}}
<!--картинка в заголовке-->