h3{/*color:#FFF;*/ font-size:14px;} .kolon1 { float: left; display: block; margin: 5px; padding: 4px; border: 1px solid #ccc; width: 208px; height: 168px; box-shadow:5px 10px 18px #ccc; } .kolon1:hover img { opacity: .5;} @media only screen and (max-width: 479px) {.kolon1 {width:100%;}} @media only screen and (min-width: 480px) and (max-width: 619px) {.kolon1 {width:100%;}} @media only screen and (min-width: 620px) and (max-width: 767px) {.kolon1 {width:100%;}} .kolon {background-color: #eee; /* Green background */ border: 1px solid #fff; /* Green border */ color: #003785; /* White text */ padding: 10px 24px; /* Some padding */ cursor: pointer; /* Pointer/hand icon */ float: left; /* Float the buttons side by side */ margin:5px; width:30%; word-wrap:break-word; height:85px; } @media only screen and (max-width: 479px) {.kolon {width:100%;}} @media only screen and (min-width: 480px) and (max-width: 619px) {.kolon {width:100%;}} @media only screen and (min-width: 620px) and (max-width: 767px) {.kolon {width:100%;}}