CSS

h1 {
/* 30px — 24px */
font-size: calc(1.5rem + 6 * (100vw — 320px) / 880)
}.colibri-post-thumbnail
{
width: 70%;
margin-top:3%
}
.single-post .colibri-post-thumbnail-shortcode{
display: none;
}
.text{
margin:20px;
text-align:justify;
}
#colibri .style-77 p
{
display:none;
}
.player{
width: 50%;
margin:10% auto;
}
.wrapper > div {
background-color:#FFFAFA;
border-radius: 5px;
padding: 10px;
color: #000080;
font-weight: bold;
border: 5px double #1C6EA4;
text-align:center;
}

.flex {
display: flex;
flex-wrap: wrap;
margin:40px auto;
}

.flex > * {
flex: 1 1 20px;
margin: 15px;
}
.video{
margin:70px auto;
width: 60%;
display:flex ;

box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);
}
.stix{
width: 40%;
margin:20% auto;
}

#colibri .style-19 h1 {
font-family:Kurale;
font-size:60px;
color:#FFF;

text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
.h2{
font-family:Luckiest Guy;
}

.wrapper_audio {
flex-direction: column;
padding: 10px;
display: flex;
width:40%;
background-color: #808000;
margin: 0 auto;
border: 2px solid rgba(176, 224, 230);
}
.item_audio
{
margin:10px;
background-color: #FFFACD;
border: 2px solid rgba(176, 224, 230);
font-size: 24px;
-webkit-box-shadow: 0px 0px 0px 5px #a0a0a0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #a31925, 5px 5px 15px 5px rgb(26 47 255 / 0%);
box-shadow: 0px 0px 0px 5px #a0a0a0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #a31925, 5px 5px 15px 5px rgb(26 47 255 / 0%);
}
audio {
filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
width: 95%;
height: 40px;
margin: 10px;
background-color:#FFFACD;
border: 2px solid rgba(176, 224, 230);
}
.wrapper_video {
flex-direction: column;
padding: 10px;
display: flex;
width: 560px;
background-color: #808000;
margin: 0 auto;
border: 2px solid rgba(176, 224, 230);
}
.item_video
{
padding: 15px;
background-color:#FFFACD;
border: 2px solid rgba(176, 224, 230);
font-size: 28px;
margin: 10px;
-webkit-box-shadow: 0px 0px 0px 5px #a0a0a0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #a31925, 5px 5px 15px 5px rgb(26 47 255 / 0%);
box-shadow: 0px 0px 0px 5px #a0a0a0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #a31925, 5px 5px 15px 5px rgb(26 47 255 / 0%);
}
@media screen and (max-width: 320px) {
.breadcrumb {
padding: 8px;
margin: 25px;
font-size: 14px;
}
@media screen (max-width: 240px)}
h1 {
font-size: 16px
}
}
@media screen and (max-width: 320px) {
.item_tx1
{
width: 300px;
}
}
@media screen and (max-width: 680px) {
.single-post .colibri-post-content h1{
font-size:20px;
}
}