body{
    margin: 0; background-color: rgb(32,32,40);
}
.wrapper{
    width: 100%; font-family: Arial !important; font-size: 18px; margin: auto;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    margin: auto;
}
ul{ 
    list-style-type: none; background-color: #007BFF; width: 100%; font-size: 1.1em; overflow: hidden; margin: auto;
}
li{ 
    float: left; background-color: #007BFF;
}
li a{
    color: white; text-align: center; padding: 25px 35px; text-decoration: none; display: block;
}
li a:hover{
    background-color: #0062cc;
}
.ozadje{
    width: 100%;
    height: 130px;
    background-image: url(slikasole.png);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    margin: auto;
}
.logoinnaslov{
    padding-top: 15px;
    margin: auto;
    width: 430px;
}
.logo{
    background-image: url(scnmlogo1.png);
    height: 94px;
    width: 100px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
}
.naslov{
    color: white; float: left; font-size: 60px; font-weight: bold; padding-top: 20px; margin-left: 11px; text-shadow: 0px 0px 8px black;
}
.fb{
    width: 1350px; display: block; margin: 0 auto; margin-top: 50px;
}
.video{
    float: left; margin-right: 50px;
}
iframe{
    width: 800px; height: 500px;
}
.noga{
    padding-bottom: 100px;
}
.slika1{
    overflow: hidden;
    max-height: 100px;
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-top: 30px;
}



@media (max-width: 1400px)
{
    .fb{width: 800px;}
    .fb-page{margin-left: 150px; margin-top: 50px;}
}
@media (max-width: 800px)
{
    .fb{width: 700px;}
    .fb-page{margin-left: 100px}
    iframe{width: 700px; height: 450px;}
}
@media (max-width: 700px)
{
    .fb{width: 600px;}
    .fb-page{margin-left: 50px}
    iframe{width: 600px; height: 400px;}
}
@media (max-width: 600px)
{
    .fb{width: 500px;}
    .fb-page{margin-left: 0px}
    iframe{width: 500px; height: 350px;}
}