@media screen and (max-width:1000px){
    .citizen-info{position: relative;bottom: 0}
 }

@media screen and (max-width:768px){
    .container{width:auto;padding: 0 15px}
    .vignette-ttlleft{width: 100%; font-size: 30px;padding-top:0}
    .vignette-ttlwrapp{display: block;padding: 20px}
    .vignette-ttlwrapp:before{display: none}
    .vignette-blk-wrapp{display: block}
    .vignette-blk{border: 3px dashed #ffb850;width:90%;margin:0 auto 20px;padding: 10px}
    .citizen-textblk{border:0px;margin-top: 0;}
	.citizen-info{top:auto; bottom:auto}
    .citizen-img {width: 70px;}
    .vignette-blk.last-blk .citizen-textblk{border:0px;margin-top: 0;}
    .vignette-blk.last-blk{border: 3px dashed #ff7737}
    .citizen-info{width:100%}
    .citizen-ttl{font-size: 16px;margin-bottom: 5px;}
    .citizen-subttl{width: 30px;height: 30px;line-height: 30px;font-size: 18px;}
    .red-arrow{margin: -47px auto 0;width: 20px;}
    .citizen .citizen-img {width: 22px;margin: 0 auto;display: block}
    .red-arrow img {width: 100%;}
	.vignette-ttlright{width:100%; display:none; margin-top:10px}
	a.link{margin-top:10px; display:block}
	.arrow-content {width: 80%; left: 22px;}
	.text-contr{margin-top:20px}
	.cont-contr{display:flex; align-items:flex-start; flex-direction:column}
	.cont-contr .img-contr{width:100%}
	.cont-contr .text-contr{width:100%; padding-left:0px}
	.login-form-btn{width:100%}
	.modal-content {padding:40px 20px 20px; width:90%}
	.img-responsive{max-width:100%}
}

@media screen and (max-width:480px){

}