@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);

* {
    margin: 0;
    padding: 0;
}

@media screen and (max-width:1000px) {
    
    .section_title {
    
    padding-left: 15px;
    
    }
    
    .episode_head {
        
    padding-left: 15px;
        
    }
    
    .side_content {
    
    padding-left: 25px;
    
    }
    
    .component_title {
    
    padding-left: 10px;
    
    }
    
}

@media screen and (max-width:900px) {
    
    .section_title {
    
    padding-left: 10px;
    
    }
    
    #section-content {
    
    grid-template-columns: 100%;
    grid-template-areas: 
        
        "top top"
        "main main"
        "sidebar sidebar";
    
    }
    
    .side_content {
    
    padding-right: 25px;
    
    }
    
    .spreaker-player {
        
    overflow: hidden;
        
    }
    
    #section-content-side {
    
    padding-left: 10px;
    
    }
    
    .sidebar-wapper ul {
                
    width: 100%;
    text-align: center;
                
    }
    
    .sidebar-wapper ul li {
                
    display: inline-block;
                
    }
    
    .sharelinks li {
        
        display: block;
        
    }
    
    .sidebar-wapper ul li img {
                
    width: auto;
    height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
                
    }
    
    .sharelinks {
        
    padding-bottom: 30px;
        
    }
    
    .link_sharetwitter {
    
    margin-top: 0px;
    
    }

    .link_sharefacebook {
    
    margin-top: -10px;
    
    }
    
}

@media screen and (max-width:700px) {
    
    
    h1 {
        
    font-size: 20pt;
        
    }
    
    h1 {
        
    font-size: 17pt;
        
    }
    
    h3 {
    
    font-size: 15pt;
    
    }
    
    .podcastlist-title {
    
    font-size: 17pt;
    
    }
    
    .episode_head {
    
    font-size: 20pt;
    
    }
    
    .episode_img {
    
    height: 200px;
    
    }
    
    .whatsapp_mob {
    
    display: block;
    
    } 
}

@media screen and (max-width:400px) {
    
    #navigation ul li img {
        
    height: 150px;
    width: 150px;
        
    }
    
    h2 {
    
    padding-left: 0px;
    
    }
    
    .menuLink {
    
    top: 12px;

    }
    
    .headpic {
                
    margin-left: 4px;
                
    }
    
    .menuLogo {
    
    height: 60px;
    
    }
    
    .intro_text {
        
    padding-left: 3px;
        
    }
    
    .section_content_text {
    
    padding-left: 0px;
    padding-right: 0px;
    
    }
    
    .component_title {
    
    padding-left: 3px;
    
    }
    
    .side_content {
    
    padding-left: 4px;
    padding-right: 4px;
    
    }
    
    .podcastlist-wapper {
    
    padding-left: 4px;
    padding-right: 4px;
    
    }
    
    .podcastlist {
  
    height: 100px;
    padding-left: 0px;
    
    }
    
    .podcastlist-number {
    
    font-size: 15pt;
     
    }
    
    .podcastlist-img {
    
    width: 100px;
    
    } 
    
    .podcastlist-img img {
    
    width: 100px;
    height: 100px;
    
    }
    
    .podcastlist-title {
    
    font-size: 15pt;
    font-weight: 300;
    
    }

    
    .episode_head {
    
    font-size: 17pt;
    
    }
    
    .sidebartitle {
        
    text-align: center;
        
    }
    
    
}