@font-face { font-family: 'gidole-regular'; src: url(../font/gidole-regular/gidole-regular.eot); src: url(../font/gidole-regular/gidole-regular.eot?#iefix) format("eot"), url(../font/gidole-regular/gidole-regular.woff) format("woff"), url(../font/gidole-regular/gidole-regular.ttf) format("truetype"), url(../font/gidole-regular/gidole-regular.svg#gidole-regular) format("svg"); font-weight: 400; font-style: normal}@media screen and (max-width: 1920px),screen and (max-height: 1200px) { #audio { top: 84% } footer { top: 90% } .sidebar { background-image: url(../img/menu/sidebar_300x1050.png) }}@media (min-width: 1500px) and (max-width: 1920px) { #audio { top: 84% } footer { top: 90% }}@media (min-width: 1300px) and (max-width: 1500px) { #audio { top: 84% } footer { top: 90% }}@media (min-width: 1000px) and (max-width: 1300px) { .da-thumbs li a div span { font-size: 12px } #audio { top: 84% } footer { top: 90% } .kontakt { width: 43.6% } .kontakt1 { width: 43.6% } #contactus input[type="text"] { width: 85% } #contactus textarea { width: 85% }}@media all and (max-width: 1000px) { .da-thumbs li a div span { font-size: 9px; margin: 15px 10px 10px; padding: 10px 0 } .text, .clanarina, .radionice_lista li a, .btn1 { font-size: 15px } #contactus fieldset { width: auto } fieldset input { width: 170px } .podnaslov { font-size: 14px; padding-top: 15px } .logo { height: 100px; margin: 0 auto; padding: 20% 0; width: 100px } .logo img { width: 100px; height: 100px } footer { top: 90% } .o_radionici { padding: 20px 0 0; width: 100% } .o_predavacu h4 { font-size: 12px; padding: 10px 0 2px } #contactus legend, h2 { font-size: 13px; margin-left: 10px } .modal__inner p { font-size: 12px } .osnivac { padding: 20px 20px 70px } .kontakt1 { margin-top: 10px } #contactus fieldset { padding: 20px 20px 10px } #contactus input[type="text"] { width: 90% } #contactus textarea { width: 90%; height: 100px } #contactus input[type="submit"] { width: 100px }}@media all and (max-width: 750px) { .da-thumbs li a div span { font-size: 8px; margin: 5px 2px 2px; padding: 5px 0; border: none 0 } .text, .clanarina, .radionice_lista li a, .btn1 { font-size: 14px; padding: 10px } .content section { display: none } .osnivac { padding: 0 10px; width: 100px } .kontakt { width: 94% } .kontakt1 { width: 94% }}@media screen and (max-width: 580px) { #sidebar { position: relative; width: 100%; height: auto; display: block } .sidebar { background-image: url(../img/menu/sidebar_600x1100px.jpg) } .content { margin: 0; width: 100% } #audio { top: 400px; width: 100% } footer { top: 0; width: 100%; position: relative; padding: 10px 0 } .logo { height: 150px; margin: 0 auto; padding: 10% 0; width: 150px } .logo img { height: 150px; width: 150px }}@media all and (max-width: 480px) { #sidebar { position: relative; width: 100%; height: auto; display: block } .sidebar { background-image: url(../img/menu/sidebar_480x500px.jpg) } .content { margin: 0; width: 100% } #audio { top: 400px; width: 100% } footer { top: 0; width: 100%; position: relative; padding: 10px 0 } .logo { height: 150px; margin: 0 auto; padding: 10% 0; width: 150px } .logo img { height: 150px; width: 150px } #contactus input[type="text"] { width: 100% } #contactus textarea { width: 100% }}@media all and (max-width: 360px) { .content section { display: none } #sidebar { position: relative; width: 100%; height: auto; display: block } .sidebar { background-image: url(../img/menu/sidebar_360x500px.jpg) } .content { margin: 0; width: 100% } #audio { top: 400px; width: 100% } footer { top: 0; width: 100%; position: relative; padding: 10px 0 } #contactus input[type="text"] { width: 70% } #contactus textarea { width: 70% } .gallery { padding-bottom: 30px }}