* {
    padding: 0;
    margin: 0;
}

 nav {
            background-color:#0F0C4A;

  }

  #ttgl {
    color:#fff;
    background-color: #0F0C4A;
  }

 nav #ank{
   color:#fff;
   font-size: bold;
    
  }

  #navbarDropdown
  {
        color:#fff;
  }

  #gk {
            color:#fff;
            background-color:#0F0C4A;
  }

#heading {
   
    background-color:#0F0C4A;
    border-style:solid;
    border-color:#fff;
    border-radius: 1px;
    border-left: hidden;
    border-right: hidden;

}

#heading img {
    
      height:100px;
      width:100px;
}


#heading p {
    
    color:#fff;
    padding-top: 10px;
    font-size: 13px;
}


#heading p a {
    
    color:#fff;
    text-decoration: none;
}



@media (max-width:500px) {
  nav {
            background-color: yellow;

  }
  
    #ttgl {
    color:black;
           background-color: yellow;
  }
 
   
 nav #ank{
   color:black;
    
  }
  
  #navbarDropdown
  {
        color:black;
  }

  #heading {
    display:none;
  }

  #headingsm {
   
    background-color:#0F0C4A;
    border-style:solid;
    border-color:#fff;
    border-radius: 1px;
    border-left: hidden;
    border-right: hidden;
    height: 280px;

}

#headingsm img {
    
      height:200px;
      width:200px;
}


#headingsm p {
    
    color:#fff;
    padding-top: 10px;
    font-size: 13px;
}


#headingsm p a {
    
    color:#fff;
    text-decoration: none;
}
  
  #headingsm {
     visibility: visible;
  }
 
}

@media (min-width:768px) {
#headingsm {
        display:none;
}
}

h1 {
    color:#fff;
    background-color: #0F0C4A;
    padding-left: 15px;
    font-size: 16px;
    height: 40px;
    padding-top: 5px;
}

#pk {
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
}