.my_box_shadow{
		  filter: drop-shadow(2px 4px 6px black);
		  width: 20%;
	}	
	a.text_messengers:hover{
		text-decoration:none;
	}

	.circle1 {
	  background: #ff9800;
	  clip-path: circle(50%);
	  height: 7vw;
	  width: 7vw;
	  
	}	
	.circle2 {
	  background: #ffeb00;
	  clip-path: circle(50%);
	  height: 6vw;
	  width: 6vw;
	}	
	.circle3 {
	  background: #ff005e;
	  clip-path: circle(50%);
	  height: 5vw;
	  width: 5vw;
	}	
	.circle4 {
	  background: #ff9800;
	  clip-path: circle(50%);
	  height: 1vw;
	  width: 1vw;
	}	
	.circle5 {
	  background: #ffeb00;
	  clip-path: circle(50%);
	  height: 1.5vw;
	  width: 1.5vw;
	}	
	.circle6 {
	  background: #ff9800;
	  clip-path: circle(50%);
	  height: 1vw;
	  width: 1vw;
	}	
	.circle7 {
	  background: #ff003b;
	  clip-path: circle(50%);
	  height: 2vw;
	  width: 2vw;
	}
	.circle8 {
	  background: #ff003b;
	  clip-path: circle(50%);
	  height: 5vw;
	  width: 5vw;
	}
	.circle9 {
	  background: #eb2879;
	  clip-path: circle(50%);
	  height: 7vw;
	  width: 7vw;
	}	
	.circle10 {
	  background: #24d0c8;
	  clip-path: circle(50%);
	  height: 6vw;
	  width: 6vw;
	}
	.circle11 {
	  background: #238d49;
	  clip-path: circle(50%);
	  height: 4vw;
	  width: 4vw;
	}
	.circle12 {
	  background: #22a9a3;
	  clip-path: circle(50%);
	  height: 5vw;
	  width: 5vw;
	}
	.circle13 {
	  background: #1976d2;
	  clip-path: circle(50%);
	  height: 5vw;
	  width: 5vw;
	}	
	.circle14 {
	  background: #238d49;
	  clip-path: circle(50%);
	  height: 3vw;
	  width: 3vw;
	}
	.circle15 {
	  background: #24df4c;
	  clip-path: circle(50%);
	  height: 5vw;
	  width: 5vw;
	}
	.circle16 {
	  background: #bc6287;
	  clip-path: circle(50%);
	  height: 3.5vw;
	  width: 3.5vw;
	}
	.circle17 {
	  background: #4791db;
	  clip-path: circle(50%);
	  height: 1.5vw;
	  width: 1.5vw;
	}
	.circle18 {
	  background: #1f9c9a;
	  clip-path: circle(50%);
	  height: 1vw;
	  width: 1vw;
	}
	.circle19 {
	  background: #1f9c9a;
	  clip-path: circle(50%);
	  height: 1.5vw;
	  width: 1.5vw;
	}
	.circle20 {
	  background: #dfe229;
	  clip-path: circle(50%);
	  height: 3vw;
	  width: 3vw;
	}
	.circle21 {
	  background: #ff9800;
	  clip-path: circle(50%);
	  height: 1.5vw;
	  width: 1.5vw;
	}
	.circle22 {
	  background: #e6055c;
	  clip-path: circle(50%);
	  height: 1vw;
	  width: 1vw;
	}


	@media (min-width:  767px ) {
			.main_socseti{
			font-size:37px
		}
	}
	@media (max-width:  766px ) {
		.main_socseti{
			font-size:26px
		}
	}


			
	@media (min-width:  1600px ) {
		.text_socseti{
			font-size:34px;
		}
		.text_messengers{
			font-size: 27px;
		}
	}
	
	@media (min-width:  1400px ) and (max-width:  1599px ) {
		.text_socseti{
			font-size:29px;
		}
		.text_messengers{
			font-size: 25px;
		}
	}
	@media (min-width:  1200px ) and (max-width:  1399px ) {
		.text_socseti{
			font-size:26px;					
		}
		.text_messengers{
			font-size: 23px;
		}
	}

	@media (min-width:  992px ) and (max-width:  1199px ) {
		.text_messengers{
			font-size: 19px;
		}
		.text_socseti{
			font-size:20px;					
		}
	}