@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

g{
  font-weight:bold;
  
}
.post a {
  text-decoration:none;
}
.post img{
  max-width:10%;
	min-width:0%;
  margin-left:7.5%;
	max-width:10%;
	min-width:0%; 
}
footer {
  background-color:red;
  padding: 0px;
  border-radius: 20px;
  margin-top:10px;
  
}
.post_1 iframe{
max-width: 100%;
margin:2%;

}
.post_2 iframe{
max-width: 100%;
}

.post_3 iframe{
 max-width: 100%;
}

.post_1 img{
 margin-left:2%;
 width:50%;
	min-width:0%;
 

}
.post_2 img{
 
  margin-left:2%;
 width:40%;
	min-width:0%;
 
 

}
.post_1 n img{
	float:right;
 margin-left:2%;
 max-width:30%;
	min-width:0%;
 

}
.post_2 n img{
  float:right;
 margin-left:2%;
 max-width:18%;
	min-width:0%;
 

 

}



.post_3 o img{
float: right;
 width:30%;
	min-width:0%;

  
}
.post_4 o img{
float: right;
 width:25%;
	min-width:0%;

  
}
.post_5 o img{
float: right;
 width:20%;
	min-width:0%;

  
}
.post_3 img{
 
  margin-left:2%;
 width:35%;
	min-width:0%;
 
 

}
.post_4 img{
 
  margin-left:2%;
 width:35%;
	min-width:0%;
 
 

}
.post_5 img{
 
  margin-left:2%;
 width:35%;
	min-width:0%;
 
 

}

.post_3 {
font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 5px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;}


h1,h2,h3,h4{font-size: calc(8px + 10*(100vw/1241));}
p{
  font-size: calc(6px + 10*(100vw/1241));}


header,h1{
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}
main {
  padding: 10px;
 background:url(https://www.e-spincorp.com/wp-content/uploads/2018/11/Electronic-e1542941776154.jpg);
  background-size:cover;
    font-family: ‘Barlow Semi Condensed’, sans-serif;
    border-radius: 20px;
  
}

.post,p{
  padding: 5px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}

.post_1 {
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}
.post_2{
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}
.post_3{
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}
.post_4{
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}.post_5{
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  background-color: white;
  border-radius: 20px;
  padding:5px;
  margin-top: 10px;
  line-height:25px;
  font-family: ‘Barlow Semi Condensed’, sans-serif;
}

ul, li{
}


.post_1 g img{
  float:right;
  margin-left:7%;
 max-width:25%;
	min-width:0%;
}




.footer-columns {
  display: flex;
}

.footer-column {
  flex: 50%;
  margin: 20px;
  
}







f{
  font-weight:bold;
}

@media (max-width:690px) {
	.post_1 img{
 margin-left:10%;
 margin-bottom:3%;
 width:80%;
	min-width:0%;
 

}

.post_1 n img{
	float:right;
 
 max-width:55%;
	min-width:0%;
 

}
.post_2 img{
 margin-left:10%;
 margin-bottom:3%;
 width:100%;
	min-width:0%;
 

}
} 
@media (max-width:750px) {
	.post_1 g img{

 
 width:90%;
	min-width:0%;
 

}
.post_1 img{
 margin-left:10%;
 margin-bottom:3%;
 width:35%;
	min-width:70%;
 

}
	.post_2 img{
 margin-left:10%;
 margin-bottom:3%;
 width:35%;
	min-width:70%;
 

}
	.post_3 img{
 margin-left:10%;
 margin-bottom:3%;
 width:35%;
	min-width:70%;
 

}
	.post_4 img{
 margin-left:10%;
 margin-bottom:3%;
 width:34%;
	min-width:70%;
 

}
.post_5 img{
 margin-left:10%;
 margin-bottom:3%;
 width:35%;
	min-width:70%;
 

}
.post_2 n img{
  float:right;
 margin-left:2%;
 max-width:40%;
	min-width:0%;
 

 

}
.post_3 o img{
 margin-left:10%;
 margin-bottom:3%;
width:35%;

 

}
.post_4 o img{
 margin-left:10%;
 margin-bottom:3%;
width:35%;

 

}
.post_5 o img{
 margin-left:10%;
 margin-bottom:3%;
width:35%;

 

}



 }
@media (min-width:1400px) {
	.post_1 g img{
  margin-left:2%;
 width:1%;
	min-width:0%;
 }
	.post_2 n img{
  float:right;
 margin-left:2%;
 max-width:16%;
	min-width:0%;}
	.post_3 o img{
float: right;
 width:25%;
	min-width:0%;

  
}
	.post_4 o img{
float: right;
 width:20%;
	min-width:0%;

  
}
} 


@media (max-width:775px){

h1,h2,h3,h4{font-size: calc(10px + 10*(100vw/1241));}
p,li{
  font-size: calc(8px + 10*(100vw/1241));
  font-family: ‘Barlow Semi Condensed’, sans-serif;
  }

}