body{ font-family: 'News Cycle', sans-serif;}
h1,h2,h3,h4{ font-family: 'Amatic SC', cursive;}
h1{font-size:50px;line-height:50px;}
h2{font-size:30px;line-height:30px;}
.container{padding-top:15px;max-width:768px;}
.c{clear:both;}
.caption{height:210px;}
.caption h3{height:53px;overflow:hidden;}
.caption p{height:60px;overflow:hidden;}
.thumbnail img{height:190px;}
.m1{margin-bottom:15px;}
.dvd{margin:30px 0;width:100%;border-bottom:5px dotted #d4d4d4;}
.sl{ overflow-y: visible; overflow-x: hidden; overflow-y:scroll; height:200px;}
.kp{ overflow-y: visible; overflow-x: hidden; overflow-y:scroll; height:300px;width:98%;}
.kp li a{color:#000000;}
.sl li{width:23%;height:20px;overflow:hidden;margin:3px 1%;float:left;list-style:none;}
.dropdown-menu{width:290px;background:#EEEEEE;}
 .oy img{width:100%;}
 .oy {height:180px;overflow:hidden;}

.jo{background:#ffffff;float:left;padding:3px 10px;opacity:0.8;}
.bo{border:1px solid #dddddd;border-radius:3px;padding:0 0 5px 0;background:#dedede;}
.field {
  display:flex;
  position:realtive;

  width:100%;
  flex-direction:row;
  box-shadow:
   1px 1px 0 rgb(22, 160, 133),
   2px 2px 0 rgb(22, 160, 133),
   3px 3px 0 rgb(22, 160, 133),
   4px 4px 0 rgb(22, 160, 133),
   5px 5px 0 rgb(22, 160, 133),
   6px 6px 0 rgb(22, 160, 133),
   7px 7px 0 rgb(22, 160, 133)
  ;
}

.field>input[type=text],
.field>button {
  display:block;
  font:1.2em 'Montserrat Alternates';
}

.field>input[type=text] {
  flex:1;
  padding:0.6em;
  border:0.2em solid rgb(26, 188, 156);
}

.field>button {
  padding:0.6em 0.8em;
  background-color:rgb(26, 188, 156);
  color:white;
  border:none;
}
@media screen and (max-width: 768px) {
.col-md-4,.sl li{width:33.3333333%;float:left;}
.w5{width:50%;padding:0;float:left;}

}

@media screen and (max-width: 640px) {
.col-md-4,.sl li{width:50%;float:left;}
.w5{width:50%;padding:0;float:left;}
}

@media screen and (max-width: 480px) {
.col-md-4,.sl li{width:50%;float:left;}
.w5{width:50%;padding:0;float:left;}
}

@media screen and (max-width: 360px) {
.col-md-4,.sl li{width:100%;float:left;}
.w5{width:50%;padding:0;float:left;}
}


