.listen {
position: relative;
width: 100vw;
margin-bottom: 70px;
}
.listen__inner {
width: calc(100% - 160px);
padding: 100px 0px 60px 0;
max-width: 800px;
background-color: var(--green);
border-radius: 100%;
}
.listen h2 {
color: #fff;
text-align: center;
}
.listen iframe {
width: 100%;
min-height: 450px;
margin: 30px 0;
}
.listen__social a {
margin: 0 5px;
}
.listen__social a img {
width: 50px;
height: 50px;
}
.acf-block-preview {
}
@media only screen and (max-width: 1000px) {
.listen__inner {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 700px) {
.listen iframe {
min-height: 340px;
}
.listen h2 {
max-width: 300px;
}
}
@media only screen and (max-width: 500px) {
.listen__inner {
padding: 60px 0 40px 0;
}
.listen iframe {
min-height: 280px;
margin: 15px 0;
}
}
@media only screen and (max-width: 400px) {
.listen iframe {
min-height: 220px;
margin: 15px 0;
}
.listen__social a img {
width: 30px;
height: 30px;
}
}