*{
    margin:0;
    padding:0;   
    font-family: 'Lato', sans-serif;  
}

body{
   
   /* background: url(images/tlh8.jpg) no-repeat center center fixed;*/
 
  /*word-wrap: break-word !important;*/
  background: #f5f6fa;
  background-size: cover;
  
}
/* set my values for containers*/
#mycontainerD{
    float:left;
    width:100%;
    margin-top: 40px;
}

#mycontainerTP1{
    float:left;
    width:250px;
    height:auto;
    margin-left:50px;
}

#mycontainerTP2{
    float:left;
    width:250px;
    height:auto;
    margin-left:10px;
}
.card {
  /*background-color:blue;*/
  padding: 10px;
  height:100vh;
  margin :30px 30px 0 30px;
  
  overflow:scroll;
 /* box-shadow: 2px 2px 2px rgba(0,0,0,0.5);*/
}  /* end of setting containers */


/*.text_blog ul,li { 
 list-style:initial;
    margin-left:15px;   
}*/

.myul {
   margin-left:15px; 
}


#row:after {
  content: "";
  display: table;
  clear: both;
}

.hline_color {
   background:#CFF;
   width:90%;
   height:2px;
   text-align: center;
}

h2{
    font-family: 'Shadows Into Light', cursive;
    font-size:40px;
    color:#16a085;  
}

h3{
 font-size:25px;
}

audio { 
  width:75%; 
  margin:0 10px 0 10px;
  box-shadow: 5px 5px 20px rgba(0,0,255,0.3);
  transform: scale(1.05);
}

/*-----------------------------*/	

/* Adjust screen based on device selection */


/* Set width and height when screen size is <=650px */

@media screen and (max-width: 650px){
   
  #mcontainerD{
        width:100%;       
   } 
    
  #mycontainerTP1,#mycontainerTP2{
         margin-left: 0;
         margin-bottom:0;
  }
    
   .card1{
        height:100vh;
        margin-left:0;
        margin-right:10px;
    }    
}