@media screen and (min-width:0px){
	body{

	background-color:#35237F;
	font-family: verdana,sans-serif;
	display:block;
	padding: 2px;
	margin:0 auto;
	width:190px;
	color:#A792FF;
		text-align:center;

}
 header{background-color:#35237F;
 	font-size:20pt;
	 text-align:center;
 }

	h2{
		text-align:center;
	}
	img{
		border-radius: 50%;
		display: block;
    margin-left: auto;
    margin-right: auto;
	}
.navbar{
	float: left;
	border: #5537CC;
	color:#A792FF;
	background-color:#54497F;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
.navbar li a{
	display: block;
	padding: 2px;
	width: 185px;
	text-decoration: none;
	color:#A792FF;

}
.navbar li a:hover {
	background-color:#5537CC;
}
section{
	background-color:#A792FF;
	color:#35237F;

}
article{
background-color:#5537CC;
border-bottom: #54497F 5px solid;
width:190px;
	text-align:left;
	
}
	p{
		padding-left: 20px;
		padding-rigth: 20px;
	}
footer{
	background-color:#35237F;
	}

@media screen and (min-width:550px){
body{
	background-color:#35237F;
	font-family: verdana,sans-serif;
	display:inline;

}

.navbar{
	float: left;
	color:#C8C2FF;
	background-color:#413B7F;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}
.navbar li{
	display: inline;
}
.navbar li a{
	float:left;
	border-right: 2px solid #A792FF;
	padding: 0px 10px;
	text-decoration: none;

}
.navbar li a:hover {
	background-color:#5537CC;
}
article{
background-color:#5537CC;
border-bottom: #54497F 5px solid;
width:100%;}