@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,300&family=Roboto+Condensed:ital,wght@1,300&family=Roboto+Slab:wght@300&family=Roboto:wght@300&display=swap');



 .dws-menu{
    display: none;
  }

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,300&family=Roboto+Condensed:ital,wght@1,300&family=Roboto+Slab:wght@300&family=Roboto:wght@300&display=swap');




icon{
border-radius:50%;}

footer {
  background-color:white;
  padding: 0px;
  border-radius: 20px;
  margin-top:	10px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  margin-right:5px;

}
.post img{
  margin-left:7.5%;
	max-width:10%;
	min-width:0%; 
}
.reg{
	width:100%;
}

.post_1 img{
	float:left;
	width:18%;
}
.post_1 hh img{
	float:right;
	width:21%;
}
d{
color:#2017d1;}
main {
  padding: 10px;
  background:url(https://www.e-spincorp.com/wp-content/uploads/2018/11/Electronic-e1542941776154.jpg);
  background-size:cover;
  border-radius: 20px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  margin-right:100px;
  width:99%;
  
}
.post{
  width:100%;
  height:100%;
  background-color: white;
  margin-top:-10px;
  border-radius: 20px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;


}


.post_1 {
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  font:30px;
  
  background-color: white;
  border-radius: 20px;
  padding:10px;
  margin-top: 10px;
  margin-right:5px;
  margin-left:5px;
   font-size: calc(8px + 20*(100vw / 2640));
padding-bottom:3%;
}
.post a {
  text-decoration:none;
}
a {
  text-decoration:none;
}
ul li{

display:inline-block;
width:20%;


}
h1{font-size: calc(10px + 10*(100vw/1241));}
h2{font-size: calc(38px + 10*(100vw/1241));}
p,li{
  font-size: calc(10px + 10*(100vw/1241));
  color:#e01d1d;}
ul{
 
  padding:0%;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}

.nenu{
display:block;}





.footer-columns {
  display: flex;

}

.footer-column {
  flex: 50%;
  margin: 20px;
  
  
}
a{font-family: ‘Barlow Semi Condensed’, sans-serif;}

@media (max-width:920px) {
  
	h1,h2,h3,h4{font-size: calc(30px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:19%;
}
.post_1 hh img{
	float:right;
	width:19%;
}}

}

@media (max-width:750px) {
  
	h1,h2,h3,h4{font-size: calc(26px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:19%;
}
.post_1 hh img{
	float:right;
	width:19%;
}}



@media (max-width:550px) {
  
	h1,h2,h3,h4{font-size: calc(22px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}
.post_1 {
	display:block;
}
}




@media (max-width:450px) {
  
	h1,h2,h3,h4{font-size: calc(16px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}


ul li{
	margin:3%;
}

}



@media (max-width:350px) {
  
	h1,h2,h3,h4{font-size: calc(13px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}
ul li{
	margin:6%;
}}


@media (max-width:280px) {
  
	h1,h2,h3,h4{font-size: calc(11px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}
ul li{
	margin:10%;
}}






@media (max-width:250px) {
  
	h1,h2,h3,h4{font-size: calc(9px + 10*(100vw/1241));}
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}
ul li{
	margin:10%;
}}


@media (max-width:150px) {
 
	h1,h2,h3,h4{font-size: calc(12px + 10*(100vw/1241));
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}}

}

@media (max-width:50px) {
 
	h1,h2,h3,h4{font-size: calc(8px + 10*(100vw/1241));
	.post_1 img{
	float:left;
	width:25%;
}
.post_1 hh img{
	float:right;
	width:25%;
}}

}