@media (min-width: 1200px) {

  /* body {
      background-image: url(assets/background.png);
  } */

/* div{
  background-color: rgba(100, 200, 0, 0.2);
} */


}

@media (max-width: 1200px) {

  .main-holder {
      background-image: url(../assets/background_mob.jpg);
  }

  /* div{
    background-color: rgba(0, 0, 100, 0.2);
  } */

.wrapper {
    padding-bottom: 0;
}

  .swtext{
    font-family: 'fpt-book';
    color: #eee;
  	font-size: 18px;
    margin: 18px 0;
  }

  .bwtext{
    font-family: 'salc-black';
    color: #eee;
  	font-size: 3.5vw;
  }

  .brtext{
    font-family: 'salc-black';
    color: red;
  	font-size: 8vw;
  }


  .street_art{
    width: 100%;
    z-index: 10;
  }
  .street_art2{
    width: 100%;
    z-index: 10;
  }

  .black_block{
  	position:relative;
  	z-index: 0;
  	top: 10px;
  	background-color: #333;

  	margin: auto;

  	width: 40%;

  }

  .rules_content{
  	width:100%;
    margin: auto;
  	display:flex;
  	flex-direction: column;

  	justify-content: center;
  }

  .rules_text, .content_block_map, .content_block_leaders{
  	width: 100%;
  	margin: auto;
  	display:flex;
    align-items: center;
    flex-direction: column;

  	justify-content: center;
  }


  .rules_text_block{
    flex-direction: column;
    justify-content: center;
    width: 95%;
    max-width: 600px;
  }

  .rules_text_block .swtext{
    width: 90%;
  	font-size: 18px;
  }

  .rules_spray{
  	display:flex;
  	justify-content: space-between;

  	margin-top:0px;
  }


  .spray1{
    width:100%;
  	max-width: 380px;
  	position: relative;

  	left: 0px;
    visibility: hidden;
  }

  .spray1_man{
  	width: 100%;
  	max-width: 320px;
  	position: relative;
  	z-index: 1;
  	left: -75px;
    top: -300px;
  }

  .spray2{
    width:100%;
  	max-width: 420px;
  	position: relative;
  	
  }

  #step_paint .paint_img{
  	width: 120%;

    top:-50px;

  }


  #step_paint .paint_text{
  	margin-top: -32vw;
    right: -15%;
  }

  .steps2{
    float: none;
    margin: auto;
    margin-top: 100px;
    width: 90%;
  }

  .step2{

  	display: flex;
  	margin-top: 10vw;
    justify-content: center;
  }





  .content_block_map{
  	width: 90%;
  	height: 800px;

  	margin:auto;
    margin-top: 50px;
  	display:flex;
    flex-direction: column;
  	justify-content: center;
  }

  .city_list{
  	padding: 15px;
  	width: 90%;
    margin-bottom: 15px;
  	overflow-x: hidden;
  	overflow-y: show;
  }

  .block_map{
  	width: 90%;
  	height: 380px;
  }






  .content_block_leaders{
  	width: 100%;

  	margin-top: 8%;

  }

  .content_block_leaders hr{
  	 color: white;
  	 size: 1px;
  	 width: 90%;
  	 align: center;
  }


  .leader{
  	width: 100%;
  	min-height: 0;
  	margin: auto;
  	display: flex;

  }

  .leader .num{

  	width: 6.25%;
  	align-self: center;
  }

  .leader .pic{

  	width: 12.5%;
  	align-self: center;
  }

  .leader_info{
    width: 50%;
  	display: flex;
    flex-direction: column;

  	justify-content: center;

  }

  .leader .name{

  	width: 100%;
  	align-self: none;
    text-align: center;

  }

  .leader .city{

  	width: 100%;
  	align-self: none;


  }

  .leader .heart{

  	width: 6.25%;
  	display: flex;
  	justify-content: center;
  	align-self: center;
  }

  .leader .likes{

  	width: 25%;
  	align-self: center;
  }

  .leader .name .text1{
  	font-family: 'salc-black';
    color: #111;
  	font-size: 16px;
    margin-bottom: 2px;
    text-align: left;
  }

  .leader .text2{
  	font-family: 'fpt-book';
    color: #111;
  	font-size: 14px;
    margin-top: 2px;
    text-align: left;
    padding-left: 15px;

  }

  .pic img{
  	width: 100%;
    height: 6.25%;
  	border-radius:50%;
  }


  .leader_art{
  	width: 60%;
  	min-height: 50px;
  	margin: auto;
  	display: flex;

  	flex-direction: column;
  }

  .leader_art .name{

  	width: 95%;


  }

  .leader_art .city{


  	width: 95%;

  }

  .pic_art{
    margin: auto;
  	width: 25%;
  	/* align-self: center; */

  }

  .pic_art img{

    	width: 90%;
      height: 90%;
    	border-radius:50%;

  }

  .footer2{
    margin: auto;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
  }
  .main-container .container{padding: 0!important;}


  .contact, .socials, .rules_link{
  	font-size: 3vw;

  	width: 100%;
  }



  .rc img{

  	width: 33vw;
    z-index: -1;
  }

  .rc{
  	position: relative;
    margin-top: -11vw;
  }

  .rules_link .text{

    margin-top: 5vw;
    margin-bottom: 2vw;
  	text-align: center;
    z-index: 1;
  }

  #line_map_left{
  	top: 60vw;
  	left:0;
  	width: 15vw;
  	z-index: 0;
  }

  #line_map_right{
  	right:0;
  	top: 68vw;
  	width: 35vw;
  	z-index: 0;
  }

  #winner{

  	top:10vw;
  	width: 100%;

  }

  #winner .block_paint{
  	margin-top: 0px;
  }

  #winner .paint_text{
  	margin-top: -17vw;
  }

  .winner_art_decor{

    margin-top: -50vw;
    margin-bottom: 50px;
  	min-height: 60vw;
  }

  .winner_left{
  	visibility: hidden;
  }

  .win_dec2{
    top: 10vw;
    width: 50vw;
  	position: relative;
  	right: -10px;
  }



  .vote{
    width:90%;
  }


  .vote_btn button {

  		margin:auto;
  		width: 45%;
  }


  .vote_btn p{
  	font-family: 'salc-black';
    color: #eee;
  	font-size: 3vw;

  }

.opisanie {width: 100%!important;}




}
@media (max-width: 760px) {
  #line_map_right2 {
    top: 25vw;
}
#step_paint {
    margin-top: -25vw;
}
#step_paint .paint_text {
    margin-top: -150px;
}
#artists_paint_text {
    margin-top: -16%;
}
.leader_art .text2{padding-left: 25%;}
.arts_text_block {
    width: 90%;}
.vote_btn {
    display: block;
    width: 100%;
}
.vote_btn a{width: 100%;
  margin-bottom: 15px;
}
.vote_btn p {
    font-size: 6vw;
}
.winner_text_block {
    max-width: 90%;
    margin-bottom: 30px;
}
.win_dec2 {top: 120px;}
.winner_art_decor {
    margin-bottom: 0px;
}
#footer {
    top: 20px;
    margin-top: 70px;
}
.contact, .socials, .rules_link {
    font-size: 7vw;
}
.leader{padding-left: 15px;}
.leader .pic{margin-left: 5px;}
#winner {margin-bottom: 30px;}
.step_block {
    height: 175px;
}
.s_3angle {margin-top: 590px;}
.step2 {height: 950px;}
#line_map_right {display: none;}

}