@media screen and (max-width: 450px){
	
	
.wrapper{
	width: 100%
	
}
.div-top1,.div-top2,.div-top3,.div-top4,.div-top5{
	width: 100%;
}
h1{
	margin-top: 30px;
	margin-left: 150px;
	text-align: center;
	
}
.div-nav{
	
	background-image: none;
	text-align : center ;
	width: 100%;
	height: 50px;
	padding: 10px 10px 10px 0;
	float:none;

}
.nav{
	text-decoration:none;
	font-size: 20px;
	color: blue;
	display: inline;
	margin-top: 20px;
	margin-left: 20px;

	
}
#globProg{
	
	color: black;
	margin-top: 10px;
	font-size: 20px;
	display: block;
	
	
}
.div-content{
	
	text-align : center ;
	width: 100%;
	height: 380px;
	padding: 20px 0 0 0;
	float:none;
	
	background-position:center;
	 background-repeat: no-repeat;
	 background-attachment:scroll;
	 
	/*background-image: url(../pics/side.jpg);*/

	text-align : center ;
	
}
.moni-ka{
	text-align: left;
	/*margin-left: 10%;*/
	color: blue;	
}
#div-head{
	float: left;
	/*text-align: left;*/
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	
.wrapper{
	width: 100%
	
}
.div-top1,.div-top2,.div-top3,.div-top4,.div-top5{
	width: 100%;
}
h1{
	margin-top: 30px;
	margin-left: 150px;
	text-align: center;
	
}
.div-nav{
	
	background-image: none;
	text-align : center ;
	width: 100%;
	height: 50px;
	padding: 10px 10px 10px 0;
	float:none;

}
.nav{
	text-decoration:none;
	font-size: 20px;
	color: blue;
	display: inline;
	margin-top: 20px;
	margin-left: 20px;

	
}
#globProg{
	
	color: black;
	margin-top: 10px;
	font-size: 20px;
	display: block;
	
	
}
.div-content{
	
	text-align : center ;
	width: 100%;
	height: 380px;
	padding: 20px 0 0 0;
	float:none;
	
	background-position:center;
	 background-repeat: no-repeat;
	 background-attachment:scroll;
	 
	/*background-image: url(../pics/side.jpg);*/

	text-align : center ;
	
}
.moni-ka{
	text-align: left;
	/*margin-left: 10%;*/
	color: blue;	
}
#div-head{
	float: left;
	/*text-align: left;*/
}

}

/

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
	
.wrapper{
	width: 100%
	
}
.div-top1,.div-top2,.div-top3,.div-top4,.div-top5{
	width: 100%;
}
h1{
	margin-top: 30px;
	margin-left: 150px;
	text-align: center;
	
}
.div-nav{
	
	background-image: none;
	text-align : center ;
	width: 100%;
	height: 50px;
	padding: 10px 10px 10px 0;
	float:none;

}
.nav{
	text-decoration:none;
	font-size: 20px;
	color: blue;
	display: inline;
	margin-top: 20px;
	margin-left: 20px;

	
}
#globProg{
	
	color: black;
	margin-top: 10px;
	font-size: 20px;
	display: block;
	
	
}
.div-content{
	
	text-align : center ;
	width: 100%;
	height: 380px;
	padding: 20px 0 0 0;
	float:none;
	
	background-position:center;
	 background-repeat: no-repeat;
	 background-attachment:scroll;
	 
	/*background-image: url(../pics/side.jpg);*/

	text-align : center ;
	
}
.moni-ka{
	text-align: left;
	/*margin-left: 10%;*/
	color: blue;	
}
#div-head{
	float: left;
	/*text-align: left;*/
}
}



/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	
.wrapper{
	width: 100%
	
}
.div-top1,.div-top2,.div-top3,.div-top4,.div-top5{
	width: 100%;
}
h1{
	margin-top: 30px;
	margin-left: 150px;
	text-align: center;
	
}
.div-nav{
	
	background-image: none;
	text-align : center ;
	width: 100%;
	height: 50px;
	padding: 10px 10px 10px 0;
	float:none;

}
.nav{
	text-decoration:none;
	font-size: 20px;
	color: blue;
	display: inline;
	margin-top: 20px;
	margin-left: 20px;

	
}
#globProg{
	
	color: black;
	margin-top: 10px;
	font-size: 20px;
	display: block;
	
	
}
.div-content{
	
	text-align : center ;
	width: 100%;
	height: 380px;
	padding: 20px 0 0 0;
	float:none;
	
	background-position:center;
	 background-repeat: no-repeat;
	 background-attachment:scroll;
	 
	/*background-image: url(../pics/side.jpg);*/

	text-align : center ;
	
}
.moni-ka{
	text-align: left;
	/*margin-left: 10%;*/
	color: blue;	
}
#div-head{
	float: left;
	/*text-align: left;*/
}
}