* {margin: 0;}
body {font-family: 'Roboto Mono', monospace; background: #fff701}
p {margin: 10px 0}
h1 {line-height: 38px}
h2 {margin: 5px 0; font-size: 14pt}
h3 {margin-top: 35px}
.arabic {font-family: 'Changa', sans-serif; text-align: right}

#logo {background: url('img/creative-scene-logo.png') right center no-repeat; background-size: contain; width: 180px; height: 100px; margin: 10px 5%;}
#name {background: url('img/creative-scene-podcast-name.png') center center no-repeat; background-size: contain; width: 25px; height: 75px; position: absolute; right: 5%; top: 10px}

#SiteContent {text-align: left; background: #fff; width: 90%; margin: 5% auto; padding: 0}

.content {margin: 0px auto; padding: 25px}
.bContent {padding: 20px; position: relative}
.blank {background: #fff701; height: 20px; width: 100%}

.episodeBlock h2 {font-size: 1.4em;}
.episodeBlock .desc {font-size: 0.7em;}
.episodeBlock .arabic.desc {line-height: 1.4em}

a {color: #fa0094; text-decoration: none;}
.highlight {color: #fa0094}
.highlightBlue {color: #0000ff}
#signature {font-size: 8pt; text-align: center;}

.pLink {display: inline;}
.pLink a {color: #0000ff}
.icon {display: inline-block; width: 40%; background: url('img/listen-on-podeo.png') center center no-repeat; background-size: contain; margin: 15px 10px 0 0; height: 40px;}
.spotify-icon {background-image:url('img/spotify-podcast-badge-blk-grn-165x40.svg')}
.google-icon {background-image:url('img/google_podcasts_badge_svg.svg')}
.apple-icon {background-image:url('img/US_UK_Apple_Podcasts_Listen_Badge_RGB.svg')}
.castbox-icon {background-image:url('img/Castbox_Badge_Medium_Dark.svg')}
.stitcher-icon {background-image:url('img/stitcher-badge.jfif')}
.deezer-icon {background-image:url('img/deezer-badge.png')}
.soundcloud-icon {background-image:url('img/soundcloud-badge.png')}
.anghami-icon {background-image:url('img/anghami-logo.png')}

.icon a {display: block; width: 100%; height: 100%}

.ig-icon {display: block; background: url('img/ig-icon.png') 0 0 no-repeat; background-size: contain; margin: 5px auto; width: 40px; height: 40px; position: absolute; right: 20px; top: 50%; margin-top: -20px}
.ig-icon a {display: block; width: 100%; height: 100%}

@media (min-width:830px) {    
    #logo {width: 300px; height: 162px}
    #name {width: 40px; height: 120px}
    #SiteContent {margin: 25px auto; background: #fff701}
    .icon {width: 165px;}
    
    .blank {display: none}
    .fblank {display: block}
    .bContent, .content {background: #fff}
    .episodeBlock {float: left; width: 27%; margin: 1.5%; height: 420px}
   
}