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


.post_1 iframe{
width: 100%;
margin:0%;

}
.post_2 iframe{
width: 100%;
margin:0%;

}
.post_1 img{
 width:30%;
	min-width:0%;
  margin-right:0%;
}
.post_3 iframe{
max-width: 100%;
margin:0%;

}

footer {
  background-color:white;
  padding: 0px;
  border-radius: 20px;
  margin-top:10px;
  
}

.post a {
  text-decoration:none;
}

.post_2 img{
 
  max-width:50%;
	min-width:0%;

}
.post_3 img{
 
 width:30%;
	min-width:0%;

}
.post_4 img{
 
 width:30%;
	min-width:0%;

}
h1,h2,h3,h4{font-size: calc(10px + 10*(100vw/1241));}
p,li{
  font-size: calc(8px + 10*(100vw/1241));}
.post img{
  max-width:10%;
	min-width:0%;
  margin-left:7.5%;
	max-width:10%;
	min-width:0%; 
}
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: 20px;
  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;

  
}
ul, li{
  padding:5px;
}







.footer-columns {
  display: flex;
}

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

@media (max-width:1150px) {
  
	.post_1 img{
 max-width:50%;
	min-width:0%;
  margin-right:0%;
}
}

@media (max-width:996px) {
  
	
}
@media (max-width:1120px) {
  
	.post_2 img{
 width:50%;
	min-width:0%;
  
}
}
@media (max-width:900px) {
  
	.post_3 img{
 width:50%;
	min-width:0%;
 
}
.post_4 img{
 width:40%;
	min-width:0%;
 
}
.post_1 img{
 width:45%;
	min-width:0%;
 
}
}