.oo{
  display:grid;
color:white;
grid-template-columns:56% 38%;
grid-gap:10px;
}
.k1{
    border-right:1px solid #eee;
  margin:2px;
  padding:20px;
  color:#000;
}




img.k2{
  width:90px;
  height:90px;
  float:left;
  font-size:10px;

}

a.k3{
  text-transform:capitalize;
  text-decoration:none;
  color:#000;
  padding-left:10px;
    font-size:18px;
    font-family: "Roboto Slab", serif;

}

.k4{
  color:#ccc;
  padding-left:10px;
  font-size:14px;
}






@media (max-width:9000px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:16px;
  padding:10px;




}


img.k2{
  width:200px;
  height:200px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:30px;
}

.k4{
  padding-left:10px;
  font-size:16px;
}



}








@media (max-width:2000px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:14px;
  padding:8px;




}


img.k2{
  width:140px;
  height:140px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:22px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}



}









@media (max-width:1500px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:10px;
  padding:14px;




}


img.k2{
  width:120px;
  height:120px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:20px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}



}








@media (max-width:1050px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:10px;
  padding:14px;




}


img.k2{
  width:100px;
  height:100px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:16px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}
}






@media (max-width:960px){
  .oo{
  display:grid;
color:white;
 grid-template-columns:52% 40%;
grid-gap:10px;
}
.k1{
  margin:10px;
  padding:14px;

}


img.k2{
  width:100px;
  height:100px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}



}






@media (max-width:900px){
  .oo{
  display:grid;
color:white;
 grid-template-columns:52% 46%;
grid-gap:10px;
}
.k1{
  margin:10px;
  padding:14px;

}


img.k2{
  width:100px;
  height:100px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}
}










@media (max-width:880px){
  .oo{
  display:grid;
color:white;
 grid-template-columns:52% 46%;
grid-gap:10px;
}
.k1{
  margin:10px;
  padding:4px;

}


img.k2{
  width:80px;
  height:80px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}
}








@media (max-width:860px){
  .oo{
  display:grid;
color:white;
 grid-template-columns:52% 46%;
grid-gap:10px;
}
.k1{
  margin:6px;
  padding:4px;

}


img.k2{
  width:70px;
  height:70px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}
}






@media (max-width:700px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:10px;
}


img.k2{
  width:60px;
  height:60px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}
}



@media (max-width:670px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:10px;
}


img.k2{
  width:58px;
  height:58px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:13px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}

}






@media (max-width:624px){
  .oo{
  display:grid;
color:white;
grid-template-columns:none;
grid-gap:none;
}
.k1{
    border-bottom:1px solid #ddd;
  margin:2px;
  padding:10px;
}


img.k2{
  width:70px;
  height:70px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:17px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}

  


}





@media (max-width:500px){
  .oo{
  display:grid;
color:white;
}
.k1{
  margin:2px;
  padding:10px;
}


img.k2{
  width:70px;
  height:70px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:17px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}



}






@media (max-width:400px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:10px;


}


img.k2{
  width:66px;
  height:66px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:16px;
}

.k4{
  padding-left:10px;
  font-size:11px;
}



}













@media (max-width:300px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:6px;


}


img.k2{
  width:60px;
  height:60px;
  float:left;
  font-size:5px;
}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:11px;
}



}



















@media (max-width:250px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:10px;


}


img.k2{
  width:50px;
  height:50px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:14px;
}

.k4{
  padding-left:10px;
  font-size:10px;
}



}











@media (max-width:230px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:5px;


}


img.k2{
  width:40px;
  height:40px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:12px;
}

.k4{
  padding-left:2px;
  font-size:10px;
}



}










@media (max-width:200px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:4px;


}


img.k2{
  width:40px;
  height:40px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:4px;
  font-size:10px;
}

.k4{
  padding-left:4px;
  font-size:8px;
}



}























@media (max-width:180px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:2px;


}


img.k2{
  width:30px;
  height:30px;
  float:left;
  font-size:2px;

}


a.k3{
  text-decoration:none;
  padding-left:4px;
  font-size:6px;
}

.k4{
  padding-left:10px;
  font-size:6px;
}



}














@media (max-width:130px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:2px;


}


img.k2{
  width:20px;
  height:20px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:10px;
  font-size:4px;
}

.k4{
  padding-left:4px;
  font-size:4px;
}



}
































@media (max-width:110px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:0px;


}


img.k2{
  width:10px;
  height:10px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:0px;
  font-size:2px;
}

.k4{
  padding-left:6px;
  font-size:2px;
}



}











@media (max-width:60px){
  .oo{
  display:grid;
color:white;

}
.k1{
  margin:2px;
  padding:0px;


}


img.k2{
  width:6px;
  height:6px;
  float:left;

}


a.k3{
  text-decoration:none;
  padding-left:0px;
  font-size:2px;
}

.k4{
  padding-left:2px;
  font-size:2px;
}



}