@font-face {
    font-family: Codec;
    src: url('../fonts/CodecPro-Regular.otf');
}
body { font-family: Codec, sans-serif; background-image: url('../img/pozadi.jpg'); background-size: cover;  }
.body-in { max-width: 1900px;}
h1, .h1 { color: rgb(93,215,154); font-size: 30pt; margin-bottom: 0; }
h2, .h2 { color: rgb(93,215,154); font-size: 21pt; margin-bottom: 0; }
h3 { color: rgb(93,215,154); font-size: 20pt; margin-top: 25px; margin-bottom: 0; }
p,span,ul { font-size: 1.05rem; }
.contact { line-height: 22px;}
.text-success { color: rgb(93,215,154) !important; }
img.logo { width: 300px; margin-bottom: 50px;}
img.mtx { width: 500px;margin-bottom: 30px;}

@media (min-width: 1800px) {}
@media (max-width: 1799.99px) {
}
@media (max-width: 1199.99px) {
}
@media (max-width: 991.99px) {}
@media (max-width: 767.99px) {}
@media (max-width: 575.99px) {
    h1 { font-size: 20pt; }
    h2 { font-size: 1.1rem; }
    h3 { font-size: 1rem; }
    p,span,ul { font-size: .7rem; }
    img.logo { width: 150px; margin-bottom: 50px; margin-top: 20px; margin-bottom: 20px;}
    .contact { line-height: 19px;}
    img.mtx { width: 100%;}
}
@media (orientation:landscape) and (max-width: 900px) {}
@media (orientation:portrait) and (min-width: 750px) and (max-width: 899.99px) {}