body{
    padding: 50px;
	width:100%;
	height:100%;

	}

.flag{
    padding: 80px 15px;
    text-align: center;
}


.sidenav{
	height:100%;
	width:170px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	
	/* The navigation menu links */
.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 13px;
    color: #818181;
    display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Style page content */
.main {
    margin-left: 160px; /* Same as the width of the sidebar */
    padding: 0px 10px;
}

@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1540px)
{
	.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
}

}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
}

}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
}
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
}

}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
}

}

/*---Media Queries --*/
@media (max-width: 992px) {
.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 10px;
    color: #818181;
    display: block;
}

	
  }
@media (max-width: 768px) {
 
 .sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 10px;
    color: #818181;
    display: block;
}


}
@media (max-width: 576px) {
	.sidenav{
	height:100%;
	width:80px;
	position:fixed;
	z-index:1;
	top:45px;
	left:0;
	background-color:#111;
	overflow-x:hidden;
	padding-top:20px;
	color:fff;
	text-align:justify;
	  
	}
	.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 10px;
    color: #818181;
    display: block;
}


}


/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-width: 450px) {
    .opera{
	width:20px;	
	}
}