body   { background-color:#000000; height: 100%; margin:0; padding:0;}
 a      {text-decoration:none; font-family: Calibri, sans-serif; font-size: 2rem; color: #fff;  cursor: url('DR1.cur'),auto;}
.parl   { position: relative; text-align: center; margin-top: 20vh; max-width: 100%; }
.navbar{
        width: 100%; text-align:center;
        height: 40px;
        position: relative;
		margin-top: 6vh; 
        background-color: #176C89;
        transition: all 0.3s ease;
}

.navbar2{
        width: 100%; text-align:center;
        height: 40px;
        position: relative;
		margin-top: 2vh; 
        background-color: #176C89;
        transition: all 0.3s ease;
		}
		
.navbar div{
        height: 5px;
        width: 30px;
        background-color: #fff;
        position: absolute;
        transition: all 0.5s ease;
}

.navbar2 div{
        height: 5px;
        width: 30px;
        background-color: #fff;
        position: absolute;
        transition: all 0.5s ease;
}


.navbar .first{
        top: 6px;
        right: 10vw;
}

.navbar2 .first{
        top: 6px;
        right: 10vw;
}

.navbar .second{
        top: 16px;
        right: 10vw;
}


.navbar2 .second{
        top: 16px;
        right: 10vw;
}

.navbar .third{
        top: 26px;
        right: 10vw;
}

.navbar .third{
        top: 26px;
        right: 10vw;
}
.navbar2 .third{
        top: 26px;
        right: 10vw;
}

 @media only screen and (orientation: landscape) {
	  
  .navbar .first{
        top: 6px;
        right: 30vw;
}

.navbar2 .first{
        top: 6px;
        right: 30vw;
}

.navbar .second{
        top: 16px;
        right: 30vw;
}


.navbar2 .second{
        top: 16px;
        right: 30vw;
}

.navbar .third{
        top: 26px;
        right: 30vw;
}

.navbar .third{
        top: 26px;
        right: 30vw;
}
.navbar2 .third{
        top: 26px;
        right: 30vw;
}
	
  }