*{padding:0px;
margin:0px;
font-family:sans-serif;}

div{padding:0px;
margin:0px;}


body, html{
/* background-color: #000033 ; */
background-image: linear-gradient(#49D,#49D);
height:100%;
margin-top:0px;
margin-bottom:0px;
}

.bnere{
padding-top:0.2rem;
padding-bottom:0.2rem;
width:100%;
/* min-width:20rem; */
margin:0;
background-image: url("Fond.jpg");
background-size:cover;
}

.mainzo{
/* min-width:20rem; */
max-width:760px;
min-height:87%;
margin:auto;
padding-top:0;
background-color: #FFFFFF;
}

h1{
font-size:1.5em;
margin-top:24px;
margin-bottom:24px;
text-align:center;
padding-left:20px;
padding-right:18px;
color:#FFFFFF
}


h2{
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:18px;
margin:auto;
text-align:left;
}


h3{
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:18px;
margin:auto;
text-align:left;
}


p{
padding-top:1px;
padding-bottom:1px;
padding-left:20px;
padding-right:18px;
margin-top : 0em;
margin-bottom : 1.4em;
text-align:left;
}






img{
	max-width:100%;
	height:auto;
}

.image{
  position: relative;
}

.image a{
  display: block;      
  position: absolute;
}

a{
text-decoration: none;
}

a:hover{
border-bottom: 1px solid;}





/* Navigation */
#nav
{
/*    background-color: #260036; */
    background-image: linear-gradient(#444444,#000000);
    display: inline-block;
    width: 100%;
/*    min-width:20rem; */
    height: auto;
    text-align: center;
    padding-top:5px;
    padding-bottom:2px;
    line-height:1.4;
}

#nav ul
{
    list-style-type: none;
    margin-top:5px;
}

#nav li
{
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    list-style-type: none;
}

#nav a
{
    font-size: 1.1em;
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration: none;
}

#nav a:hover
{
    color: #66AAFF;
    border-bottom: 2px solid #66AAFF;    
}

.active {
    color: #999999;
    border-top: 2px solid #999999;    
    border-bottom: 2px solid #999999;    
}

.inactive {
color: #FFFFFF;
}




#footer {
position: fixed;
width:auto;
background: #003355;
text-align : center;
color: #FFFFFF;

}



@media (orientation: landscape) {
  body {
    font-size:18px;
  }
}

@media (orientation: portrait) {
  body {
    font-size:16px;
      }
}

/*
@media all and (min-width: 960px) {
    body{
        font-size: 18px;
    }
}
 
@media all and (max-width: 959px) and (min-width: 600px) {
    body{
        font-size: 16px;
    }
}
 
@media all and (max-width: 599px) and (min-width: 320px) {
    body{
        font-size: 15px;
    }
 
}
*/


/* Place the navbar at the bottom of the page, and make it stick */
.navbar {
  background-color: #123;
  overflow: hidden;
  position: fixed;
  bottom: 5%;
  right: 5%
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 22px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #BEF;
  color: #000;
}