video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}#marquee{
                
margin-left:405px;
        }#kolona{
margin-left:360px;

}#footer{
margin-left: 425px;
}.submenu {
  
  background: #0E0E16;
  font-size: 14px;
list-style:none;
    padding-left: 70px;
}

@media screen and (max-device-width: 800px) {
    html {
         background: url(img/poster.png) #000 no-repeat center center fixed;
    }
    #bgvid {
        display: none;
    }
}video#bgvid {
    transition: 1s opacity;
}
.stopfade { opacity: .5; }
footer{ 
                margin-left: 425px;
        }
@media only screen and (max-width: 360px) {
            body{ 
                 background-image: url("/img/backgphone.png");

            }#marquee{
            margin-left: -40px;

        }#bgvid{
display:none;
}
        }
        @media only screen and (min-width: 370px) and (max-width:968px) {
            body{ 
                background-image: url("/img/backgphone.png"); 
            }#kolona{ 
               position: relative;
               margin-left:60px ;
               width: 380px;

            }#marquee{
            margin-left: 90px;

        }footer{
margin-left:90px;
}
        }
        #accordion{
        	background-color: #0E0E16;
        	color: white;
        }#primarni{
        	background-color: #04265A;
        }#footer{
margin-left:425px;
    
    color: #F4BF06;
} 
@media only screen and (max-width: 360px) {
           #marquee{ 
                text-align: center;
                width: 100px;
margin-left:0px;
            }.submenu {
    background: #0E0E16;
    font-size: 14px;
    list-style: none;
    padding-left: 40px;
}#bgvid{
display:none;
}#kolona{
margin-left:0px;
}#footer{
   margin-left: 20px;
    
    color: white;
} 
        }@media screen and (min-width: 1800px) and (max-width:2968px){
            #kolona{ 
               position: relative;
               margin-left: 315px;
               width: 470px;
margin-top: 50px;
            } #footer{ 
                margin-left: 455px;
        }#marquee{
                
margin-left:405px;
        }.submenu{
    padding-left: 130px;
}#slika{
            margin-left: 30px;
        }
         }

         .submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}.submenu {
  
  background: #0E0E16;
  font-size: 14px;
list-style:none;
    padding-left: 70px;
}
.submenu li:hover {
  background: #b63b4d;
  color: #FFF;
}.accordion{
  cursor: pointer;
  display: block;
  height: 45px;
  padding: 10px 15px 15px 42px;
  
  color: #00458A;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: white;
  border-radius: 7px;
  border:2px solid #00458A;
  padding-left: 6px;
  padding-bottom: 5px;
}.panel-title{
color:red;

}@media only screen and (min-device-width: 480px) and (max-width: 640px) {
#footer {
    margin-left: 115px;
    color: #F4BF06;

}

}@media only screen and (min-device-width: 300px) and (max-width: 400px) {
.submenu{
    padding-left: 40px;
    

}

}@media only screen and (min-device-width: 1750px){
.submenu{
    padding-left: 110px;
    

}

}