@font-face {
    font-family: 'Noto-Thin';
    src: url('fonts/Quicksand-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Noto-Regular';
    src: url('fonts/Quicksand-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Noto-Bold';
    src: url('fonts/Quicksand-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'OdibeeSans';
    src: url('fonts/JosefinSans-VariableFont_wght.ttf');
}
html {
    scroll-behavior: smooth;
    min-width: 320px;
}
body {
    color: #4a4a4a;
    margin: 0;
    min-height: 100vh;
    font-family: Roboto-Regular;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adc6d7',GradientType=0 );
}
a {
    color: #f11d45;
    text-decoration: none;
    cursor: pointer;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
h1 {
    font-family: OdibeeSans;
    font-size: 46px;
    line-height: 54px;
    margin: 30px 10px 10px 0;
    color: #f21d45;
}
h2 {
    font-family: Noto-Thin;
    font-size: 34px;
    line-height: 36px;
    margin: 30px 10px 10px 0;
}
h3 {
    font-family: Noto-Thin;
    font-size: 28px;
    line-height: 40px;
    float: left;
    width: 100%;
}
h4 {
    font-family: OdibeeSans;
    font-size: 21px;
    line-height: 36px;
    margin: 30px 10px 10px 0;
}
h5 {
    font-family: Roboto-Regular;
    letter-spacing: 0.3px;
    font-size: 16px;
    margin: 20px 0 0 0;
    padding: 0;
}
p, span, td, th {
    font-size: 20px;
    line-height: 35px;
    margin: 0px 0 0 0;
    font-family: Noto-Thin;
    letter-spacing: 1px;
    margin: 20px 0;
}
textarea, input {
    font-size: 16px;
    line-height: 20px;
    font-family: Noto-Thin;
}

ul {
    list-style-type: circle;
    font-family: Roboto-Regular;
    line-height: 33px;
    margin-left: -16px;
}
ul ul {
    list-style-type: disc;
}
tr td {
    border-top: 1px solid #f6fbff;
    border-bottom: 1px solid #f6fbff;
}

tr, table {
    border: 0;
}
.parallax-window {
    min-height: 657px;
    background: transparent;
}
.misl_fullpage td {
    border: 2px solid #f11d45;
    float: left;
    width: auto !important;
    padding: 5px 20px;
}
#misl_menu li a::after {
    content: "▼";
    color: #dfdfdf;
    font-size: 16px;
    text-shadow: 0px 0px 1px #fff, 0px 0px 5px #f21d45;
    vertical-align: text-bottom;
}
#misl_menu li.active a::after {
    display: none;
}
.misl_listprice {
    float: right;
}
.misl_topbanner h1 {
    margin-left: 10px;
    width: 100%;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #f21d45, 0 0 82px #f21d45, 0 0 92px #f21d45, 0 0 102px #f21d45, 0 0 151px #f21d45;
}
.misl_topbanner_text {
    position: relative;
    margin: 0 auto;
    height: 300px;
    max-width: 1440px;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #f21d45, 0 0 82px #f21d45, 0 0 92px #f21d45, 0 0 102px #f21d45, 0 0 151px #f21d45;
    color: #fff;
}
.misl_halfpage_right h2 {
    margin: 50px 0px 10px 0px;
}
.misl_halfpage h2 {
    margin: 30px 0px 10px 0px;
}
.misl_topbanner h3 {
    margin: 10px 0 10px 10px;
    width: auto;
    float: left;
}
.misl_heightsepperator {
    float: left;
    height: 50px;
    width: 100%;
}
.misl_floatyinfo select[name="paginationlimit"] {
    border: 2px solid #fff;
    background-color: #bdd1df;
    color: #fff;
    border-radius: 5px;
    height: 30px;
    transition: 0.5s;
}
.misl_floatyinfo:hover select[name="paginationlimit"] {
    color: #000;
    transition: 0.5s;
}
#misl_frontpage_contact input {
    width: 410px;
    box-sizing: border-box;
    margin: 10px 10px 10px 0px;
    float: left;
    line-height: 40px;
    font-family: Roboto-Regular;
    padding-left: 10px;
    border: 1px solid #f21d45;
    font-size: 18px;
}
#misl_frontpage_contact input:nth-child(even) {
    margin: 10px 0px 10px 10px;
}
#misl_frontpage_contact input:nth-child(2) {
    position: absolute;
    left: -100000px;
    top: 0;
}
#misl_frontpage_contact textarea {
    width: 840px;
    box-sizing: border-box;
    margin: 10px 0px 10px 0px;
    float: left;
    line-height: 40px;
    font-family: Roboto-Regular;
    padding-left: 10px;
    border: 1px solid #f21d45;
    font-size: 18px;
}
#misl_frontpage_contact input[type="submit"] { 
    background-color: #f21d45;
    color: #ffffff;
    font-family: OdibeeSans;
    cursor: pointer;
    margin: 10px 0;
    transition: 0.6s;
    line-height: 36px;
    padding: 10px 0 5px 0;
    box-shadow: 5px 5px 0 #333;
}
#misl_frontpage_contact input[type="submit"]:hover { 
    color: #f21d45;
    background-color: #ffffff;
    transition: 0.3s;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f21d45;
    font-family: Roboto-Regular!important;
    line-height: 25px!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #f21d45;
    font-family: Roboto-Regular!important;
    line-height: 25px!important;
}
.misl_leftattached {
    background-color: #f21d45;
    color: #f4f4f4;
    margin-left: -150px;
    padding-left: 150px;
    font-size: 18px;
    box-sizing: border-box;
    width: 120%;
    float: left;
    margin-top: 43px;
    margin-bottom: 43px;
}
.misl_topbanner img {
    position: absolute;
    z-index: 2;
    right: 4%;
    top: 0;
}
.misl_topbanner .misl_topbanner_text_right img {
    position: relative;
}
#misl_container {
    max-width: 1440px;
}
#misl_container_header {
    overflow: hidden;
}
.center {
    margin: auto;
    background-color: transparent;
}
.misl_header {
    position: relative;
    text-align: center;
    height: 77px;
    width: 100%;
    z-index: 99999;
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}
.misl_header .misl_logo {
    cursor: pointer;
    display: block;
    float: left;
    margin: 14px 0;
    filter: drop-shadow(3px 3px 0px #fff);
}
.misl_blueblock {
    position: absolute;
    height: 100%;
    width: 307px;
    background: #c2d5e1;
    background: -moz-linear-gradient(left, #c2d5e1 0%, #b1c8d9 100%);
    background: -webkit-linear-gradient(left, #c2d5e1 0%,#b1c8d9 100%); 
    background: linear-gradient(to right, #c2d5e1 0%,#b1c8d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d5e1', endColorstr='#b1c8d9',GradientType=1 );
    right: 4%;
    top: 0;
}
.misl_button {
    background-color: #ffffff;
    border: 1px solid #b8cddc;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #b8cddc;
    font-weight: bolder;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.6s;
}
.misl_button:hover {
    background-color: #b8cddc;
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: 0.1s;
}
.misl_topbanner {

}
.misl_bannertext {
    position: absolute;
    letter-spacing: 1.1px;
    left: 131px;
    top: 4vw;
    font-size: 3.6vw;
    color: #ffffff;
}
.scrollToTop {
    z-index: 999999999;
    width: 40px;
    height: 38px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 3px;
    right: 3px;
    overflow: hidden;
    background-color: #f21d45;
    border: 2px solid #f21d45;
    border-radius: 99px;
    color: #fff;
    box-shadow: 5px 0px 30px rgba(0,0,0,0.2);
    background: #f21d45 url(/images/top.jpg);
    background-size: 40px 36px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    transition: 0.3s;
}
.scrollToTop:hover {
    background-size: 36px 33px;
    background-position: 2px 2px;
    border: 2px solid #ffffff;
    transition: 0.1s;
}
.misl_mainbody {
    font-family: Lato;
    line-height: 22px;
    float: left;
    background-color: #ffffff;
    width: 100%;
    min-height: 750px;
}
.misl_row {
    width: 100%;
    float: left;
    display: flex;
}

table.misl_admin_articletable {
    width:100%;
}
table.misl_admin_articletable tr:hover td {
    border-top: 1px solid #bacfdd;
    border-bottom: 1px solid #bacfdd;
}
table.misl_admin_articletable td:nth-child(3){
    text-align: right;
}
.misl_floatyinfo table {
    width: 100%;
}
.misl_floatyinfo table tr td {
    border: 0px solid;
}
.misl_floatyinfo table tr:hover td {
    border: 0px solid;
}
.misl_floatyinfo table tr td:nth-child(2) {
    text-align: right;
}
.misl_floatyinfo table img {
    cursor: pointer;
    width: 22px;
    height: 22px;
}
#particles-js {
  position: absolute;
    z-index: 1;
    top: -10%;
    width: 100%;
    height: 120%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #adc6d7 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#adc6d7 100%);
    background: linear-gradient(to right, #ffffff 0%,#adc6d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adc6d7',GradientType=1 );
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.misl_floatyinfo {
    min-height: 800px;
    box-sizing: border-box;
    color: #454545;
    transition: 0.6s;
    width: 288px!important;
}
.misl_floatyinfo p {
    margin: 0;
}
.misl_floatyinfo:hover {
    color:#454545;
    transition: 0.3s;
}
.misl_floatyinfo a {
    color:#454545;
    transition: 0.6s;
}
.misl_floatyinfo:hover a {
    color:#454545;
    transition: 0.3s;
}
.misl_floatyinfo a:hover {
    color:#000;
    transition: 0.3s;
}
.misl_floatyinfo textarea {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 5px;
    width: 100%;
    box-sizing: border-box;
    transition: 0.6s;
}
.misl_floatyinfo:hover textarea {
    background-color: transparent;
    color: #454545;
    transition: 0.3s;
}
.misl_floatyinfo input[type="submit"] {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 3px;
    padding: 10px 20px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.6s;
}
.misl_floatyinfo input[type="submit"]:hover {
    border: 2px solid #454545;
    transition: 0.3s;
}
.misl_mainbody .misl_image_pagination {
    width: 100%;
    float: left;
}
.misl_mainbody .misl_image_pagination ul {
    list-style: none;
    float: right;
}
.misl_mainbody .misl_image_pagination li {
    margin: 0 20px;
    display: inline;
    float: none;
}
.misl_articlebody {
    margin: 0 0 50px 0;
    float: left;
    width: 100%;
}
.misl_articletitle, .misl_articlebody h2, #misl_frontpage h2 {
    float: left;
    position: relative;
    background-color: #f21d45;
    color: #fff;
    font-size: 33px;
    line-height: 62px;
    margin: 40px auto 20px auto;
    letter-spacing: 0px;
    font-family: OdibeeSans;
    padding: 0 20px;
    width: auto;
    margin-right: 50%;
}

#domov .misl_blueblock {
    display: block;
}

.misl_admin_sidebararticletitle span:nth-child(1) {
    float: left;
    width: 65%;
}
.misl_admin_sidebararticletitle span:nth-child(2) {
    float: left;
    text-align: right;
    width: 35%;   
}
#misl_frontpage_contact {
    width: 900px;
    float: left;
}
.misl_halfpage {
    float: left;
    padding: 0 79px 0 150px;
    width: 1075px;
    box-sizing: border-box;
    overflow: hidden;
}
.misl_fullpage {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #0d0d0d;
    border: 2px solid #f11d45;
    padding: 30px;
    margin: 50px 0;
    border-radius: 5px;
}
.misl_halfpage_right {
    display: block;
    float: left;
    position: relative;
    width: 307px;
    text-align: left;
    padding: 40px 10px 10px 10px;
    color: #454545;
    background: #c2d5e1;
    background: -moz-linear-gradient(left, #c2d5e1 0%, #b1c8d9 100%);
    background: -webkit-linear-gradient(left, #c2d5e1 0%,#b1c8d9 100%); 
    background: linear-gradient(to right, #c2d5e1 0%,#b1c8d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d5e1', endColorstr='#b1c8d9',GradientType=1 );
}

.misl_footer_container {
    float: left;
    padding: 25px 0 25px 0;
    background-color: #0d0d0d;
    width: 100%;
}
.misl_footer {
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px;
}
.misl_footer table {
    border: 0;
}
.misl_footer table tr {
    border: 0;
}
.misl_footer table tr td {
    border: 0;
}
h1.misl_fullpage_top {
    margin: 0;
    position: absolute;
    left: 59px;
    top: -23px;
    color: #f21d45;
    background: #fff;
    padding: 0 20px;
}
.misl_headerinfo p {
    padding: 0;
    text-align: right;
    margin: 2px 0;
    line-height: 35px;
    color: #f21d45;
    font-weight: bold;
    text-shadow: 2px 2px 0px #fff, -2px -2px 0px #fff;
    font-size: 28px;
    white-space: nowrap;
}
.misl_frontpage_photo {
    width: 600px;
    height: auto;
    position: absolute;
    top: 500px;
}
.misl_frontpage_imagecontainer {
    filter: drop-shadow(7px 11px 2px rgba(40,40,40,0.5));
    display: block;
    position: absolute;
    top: 0;
    right: -30px;
}
.misl_frontpage_photo:hover {
    z-index: 99;
    cursor: pointer;
}
#foto1 {
    transform: rotate(5deg);
    right: 180px;
    transition: 0.6s;
}
#foto1:hover {
    transform: rotate(6deg);
    transition: 0.3s;
}
#foto2 {
    transform: rotate(9deg);
    right: 150px;
    transition: 0.6s;
}
#foto2:hover {
    transform: rotate(10deg);
    transition: 0.3s;
}
#foto3 {
    transform: rotate(13deg);
    right: 120px;
    transition: 0.6s;
}
#foto3:hover {
    transform: rotate(14deg);
    transition: 0.3s;
}
#foto4 {
    transform: rotate(17deg);
    right: 90px;
    transition: 0.6s;
}
#foto4:hover {
    transform: rotate(18deg);
    transition: 0.3s;
}
#foto5 {
    transform: rotate(21deg);
    right: 60px;
    transition: 0.6s;
}
#foto5:hover {
    transform: rotate(22deg);
    transition: 0.3s;
}
#foto6 {
    transform: rotate(25deg);
    right: 30px;
    transition: 0.6s;
}
#foto6:hover {
    transform: rotate(26deg);
    transition: 0.3s;
}
.misl_headerinfo img {
    margin-left: 5px;
    vertical-align: sub;
    margin-bottom: 2px;
}
#misl_menu {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0;
    background: #0d0d0d; /* Old browsers */
    background: -moz-linear-gradient(top,  #0d0d0d 0%, #000000 48%, #0d0d0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0d0d0d 0%,#000000 48%,#0d0d0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0d0d0d 0%,#000000 48%,#0d0d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
    z-index: 999999999999999999;
}
#misl_menu ul {
    list-style: none;
    width: auto;
    margin: 0 auto;
    text-align: left;
    padding: 0px 0 0 210px;
}
#misl_menu li {
    display: inline;
    margin: 0 20px;
    font-size: 18px;
    letter-spacing: 2.03px;
    line-height: 22px;
}
.misl_topbanner_text_left {
    margin-top: 200px;
    float: left;
    width: calc(50% - 20px);
    box-sizing: border-box;
    margin-left: 20px;
}
.misl_topbanner_text_right {
    margin-top: 200px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 32px;
}
.misl_topbanner_text_right td, .misl_topbanner_text_right tr {
    border: 0px;
}
.misl_topbanner_text_right table {
    padding: 20px;
    width: auto;
    float: right;
}
.misl_topbanner_text_right td {
    padding: 5px 20px;
width: auto !important;
border: 2px solid #f11d45;
}
.misl_mainbody li {
    float: left;
    width: 100%;
    font-family: Noto-Thin;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000 !important;
    line-height: 37px;
    font-weight: bold;
}

#misl_menu li a {
    color: #fff;
    white-space: nowrap;
    font-family: OdibeeSans;
    text-transform: uppercase;
}
#misl_menu li.active a, #misl_menu li a:hover {
    font-family: OdibeeSans;
    color: #f21d45;
}
::-webkit-input-placeholder {
    font-family: Noto-Thin;
    height: inherit;
    line-height: inherit;
    vertical-align: top;
}
:-moz-placeholder {
    font-family: Noto-Thin;
    height: inherit;
    line-height: inherit;
    vertical-align: top;
}
::-moz-placeholder {
    font-family: Noto-Thin;
    height: inherit;
    line-height: inherit;
    vertical-align: top;
}
:-ms-input-placeholder {
    font-family: Noto-Thin;
    height: inherit;
    line-height: inherit;
    vertical-align: top;
}
.misl_footer_container_copyright {
    width: 100%;
    float: left;
    text-align: center;
    color: #bdbdbd;
    font-size: 13px;
}
.misl_adminediticons img {
    float: right;
}
.misl_adminediticons div { 
    width: 40px;
    height: 40px;
    margin: 0 5px;
    cursor: pointer;
    float: right;
}
.misl_adminediticons div.icon1 { 
    background-image: url('/images/uredi.jpg');
}
.misl_adminediticons div.icon1:hover { 
    background-image: url('/images/uredi2.jpg');
}
.misl_adminediticons div.icon2 { 
    background-image: url('/images/podvoji.jpg');
}
.misl_adminediticons div.icon2:hover { 
    background-image: url('/images/podvoji2.jpg');
}
.misl_adminediticons div.icon3 { 
    background-image: url('/images/izbrisi.jpg');
}
.misl_adminediticons div.icon3:hover { 
    background-image: url('/images/izbrisi2.jpg');
}
.misl_admin_addarticle {
    cursor: pointer;
    margin-right: 15px;
    height: 40px;
    width: 40px;
    float: right;
    display: inline-block;
    background-image: url('/images/dodaj.jpg');
}
.misl_admin_addarticle:hover {
    background-image: url('/images/dodaj2.jpg');
}
.misl_admin_goback {
    margin-right: 10px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    float: right;
    display: inline-block;
    background-image: url('/images/nazaj.jpg');
}
.misl_admin_goback:hover {
    background-image: url('/images/nazaj2.jpg');
}
.misl_admin_savearticle {
    cursor: pointer;
    height: 40px;
    width: 40px;
    float: right;
    display: inline-block;
    background-image: url('/images/shrani.jpg');
}
.misl_admin_savearticle:hover {
    background-image: url('/images/shrani2.jpg');
}
.misl_admineditor input[type="text"] {
    border: 1px solid #ccc;
    min-width: 85%;
    padding: 0 10px;
    font-family: Noto-Thin;
    font-size: 34px;
}
.misl_admin_published img {
    margin: 0 10px;
    float: right;
    cursor: pointer;
}
.misl_googlemaps {
    width: 100%;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.misl_googlemaps iframe{
    left:0;
    top:0;
    box-sizing: border-box;
    padding-right: 5px;
    height:100%;
    width:100%;
    position:absolute;
}
.misl_manager_login_container {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    float: left;
    background-color: #dae9f3;
}
.misl_manager_login {
    width: 300px;
    margin: 10% auto;
    padding: 20px;
    box-shadow: 0px 0px 10px rgb(250, 250, 250), 0px 0px 10px rgb(250, 250, 250), 0px 5px 300px rgba(250,250,250,0.5);
    border-radius: 3px;
    border: 1px solid #ffffff;
    overflow: hidden;
}
.misl_manager_login input {
    width: 275px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    display: block;
    border: 2px solid #fff;
    margin: 4px auto;
    padding: 0 10px;
    box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
    float: left;
}
.misl_manager_login img {
    display: block;
    width: auto;
    margin: 0 auto;
    cursor: pointer;
    float: right;
}
.misl_manager_login input[type="submit"] {
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    color: #ffffff;
    margin: 20px auto 5px auto;
    background-color: #f21d45;
    border: 1px solid #f21d45;
    font-size: 20px;
    transition: 0.6s;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    height: 32px;
}
.misl_manager_login input[type="submit"]:hover {
    border: 1px solid #f21d45;
    color: #f21d45;
    transition: 0.3s;
    background-color: #fff !important;
    transition: 0.3s;
}
.misl_manager_login p {
    text-align: center;
}
.misl_manager_login h2 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #b5c6d0;
    font-weight: 600;
    font-size: 42px;
    line-height: 70px;
    margin: 0;
}
#misl_mobilemenu {
    display: none;

}
#misl_mobilemenu ul {
    list-style: none;
}
#misl_mobilemenu li {
    float: left;
    margin: 5px 3px;
    background-color: #202020;
    padding: 7px 10px;
    border-radius: 3px;
    box-shadow: 0px 2px 5px #000;
    font-size: 25px;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#misl_mobilemenu a {
    color: #fff !important;
    font-family: Noto-Regular;
}
@media (min-width : 600px) and (max-width : 1024px) {
    #misl_frontpage_contact {
        width: 100%;
    }
    #misl_frontpage_contact textarea {
        width: 100%;
    }
    #misl_frontpage_contact input {
        width: 100%;
    }
    .misl_mainbody {
        overflow: hidden;
    }
    .misl_topbanner {
        background-size: auto 100%;
    }
    .misl_topbanner h1 {
        margin: 15px 10px 10px 10px;
        font-size: 250%;
        line-height: 120%;
        width: 95%;
    }
    .misl_topbanner h3 {
        margin: 0 10px 0 10px;
        width: 95%;
        font-size: 150%;
        line-height: 150%;
    }
    .misl_halfpage {
        padding: 10px;
        width: 60%;
    }
    .misl_halfpage_right{
        padding: 10px;
        width: 40%;
    }
    .misl_halfpage h2 {
        margin: 30px 0px 10px 0px;
        float: left;
        margin: 10px 0 20px 0;
        width: 100%;
    }
    .misl_leftattached {
        width: 73vw;
    }
    .misl_blueblock {
        display: none;
    }
    .misl_topbanner img {
        right: 0;
    }
    .misl_topbanner h1 {
        font-size: 230%;
        line-height: 161%;
        width: 58%;
    }
    .misl_topbanner h3 {
        width: 58%;
        font-size: 204%;
        line-height: 175%;
    }
    #misl_frontpage_contact input:nth-child(even) {
        margin: 10px 0px 10px 0px;
    }
    .misl_frontpage_photo {
        width: 300px;
    }
    .misl_frontpage_imagecontainer {
        right: -80px;
    }
    .misl_topbanner_text_left {
        width: calc(70% - 20px);
    }
    .misl_topbanner_text_right {
        width: 30%;
    }
    .misl_topbanner h3 {
        width: 100%;
        font-size: 150%;
        line-height: 170%;
    }
    .misl_topbanner h1 {
        font-size: 230%;
        line-height: 161%;
        width: 100%;
    }
    .misl_topbanner_text_right {
        padding: 20px;
    }
    #misl_menu ul {
        margin: 0;
        padding: 0;
    }
    .misl_header {
        width: calc(100% - 40px);
        padding: 0 20px;
    }
    .misl_header .misl_logo {
        margin: 15px 0;
        max-width: 460px;
    }
}
@media (min-width : 100px) and (max-width : 600px) {
    .misl_frontpage_imagecontainer {
        float: left;
        width: 100%;
        right: 0;
    }
    .misl_fullpage {
        padding: 10px;
    }
    .misl_headerinfo p {
        margin: 0 auto;
        width: 225px;
    }
    #misl_mobilemenu {
        display: block;
        float: left;
        margin-bottom: 10px;
        margin-top: -20px;
    }
    #domov .misl_blueblock {
        display: none !important;
    }
    body {
        width: 100%;
    }
    h1 {
        font-size: 26px;
        line-height: 44px;
        margin: 15px 10px 5px 0;
    }
    .misl_topbanner {
        background-size: auto 100%;
    }
    .misl_topbanner_text_left {
        margin-top: 40px;
        float: left;
        width: calc(100% - 20px);
        box-sizing: border-box;
        margin-left: 20px;
    }
    .misl_topbanner_text_right table {
        float: left;
    }
    .scrollToTop {
        right: 35px;
    }
    .misl_topbanner_text_right {
        margin-top: 0px;
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 32px;
        margin-left: 0;
    }
    #misl_container {
        width: 100%;
        float: left;
    }
    .misl_bannertext {
        left: 20px;
        top: 25px;
        font-size: 36px;
    }
    #misl_frontpage.misl_mainbody {
        line-height: 25px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .misl_articlebody {
        margin: 0 0 50px 0;
        float: left;
        box-sizing: border-box;
        width: 100%;
    }
    .misl_header .misl_logo {
        padding: 10px 0 10px 0;
        width: 85%;
        height: auto;
        float: none;
        margin: 0 auto; 
    }
    #misl_frontpage_contact {
        width: 100%;
    }
    .misl_header {
        height: 145px;
    }
    .misl_frontpage_imagecontainer .misl_frontpage_photo {
        width: 200px;
        height: auto;
        position: relative;
        top: 350px;
        opacity: 0.4;
        left: -30px !important;
    }
    .misl_articletitle, .misl_articlebody h2, #misl_frontpage h2 {
        float: left;
        position: relative;
        background-color: #f21d45;
        color: #fff;
        font-size: 29px;
        line-height: 62px;
        margin: 40px auto 20px auto;
            margin-right: auto;
        letter-spacing: 0px;
        font-family: OdibeeSans;
        padding: 0 20px;
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
    }
    #misl_menu {
        display: none;
        float: none;
        width: 100%;
        height: auto;
        position: fixed;
        top: 65px;
        margin: 30px 0;
        padding: 0 0 15px 0;
        background: #fff;
        z-index: 999999;
    }
    #misl_menu li {
        display: block;
        margin: 0 20px;
        font-size: 18px;
        letter-spacing: 2.03px;
        line-height: 57px;
        text-align: right;
    }
    #misl_menu ul {
        width: auto;
    }
    .misl_footer_container {
        float: left;
        padding: 20px 0 30px 0;
        background-color: #f2f2f3;
    }
    .misl_topbanner {
        overflow: visible;
        float: left;
        height: 630px;
    }
    .misl_halfpage {
        width: 100%;
        height: auto;
    }
    p {
        font-size: 14px;
        line-height: 20px;
    }
    h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .misl_topbanner h1 {
        margin: 15px 10px 10px 10px;
        font-size: 10vw;
    line-height: 120%;
        width: 95%;
    }
    .misl_topbanner h3 {
        margin: 0 10px 0 10px;
        width: 95%;
        font-size: 150%;
        line-height: 150%;
    }
    .misl_blueblock {
        display: none;
    }
    .misl_topbanner img {
        right: 0px;
        top: 327px;
        width: 100%;
        height: auto;
        opacity: 1;
        padding: 0 15%;
        box-sizing: border-box;
    }
    .misl_halfpage {
        float: right;
        width: 100% !important;
        padding: 10px;
        margin: 65% 0 0 0;
        box-sizing: border-box;
        display: block;
    }
    .misl_halfpage_right {
        width: 100%!important;
        margin: -50px 0 0 0;
        padding: 10px;
        float: left;
        position: relative!important;
    }
    .misl_floatyinfo {
        position: relative!important;
    }
    .misl_row {
        display: block;
    }
    .misl_leftattached {
        width: auto;
        line-height: 27px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    ul {
        font-size: 13px;
        line-height: 23px;
    }
    #misl_frontpage_contact input {
        width: 100%;
    }
    #misl_frontpage_contact input:nth-child(even) {
        margin: 10px 10px 10px 0px;
    }
    #misl_frontpage_contact textarea {
        width: 99%;
    }
    .misl_footer_container_copyright {
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    h3 {
        font-size: 24px;
    }
}