ul li{
	color:red;
	border-radius:50px;
	padding:20px;
	margin:20px 20px;

	
}
ul{
		font-size:1.4em;
}

.photo{
	
Width:400;
height:500;
}

.photo7{
	Width:400;
	height:400;
}

.2photo{
	position:absolute;
	left:40px;
	top:10px;
	width:100px;
	height:100px;
	border-radius:50px;
	}


.photo44{
	width:600;
	height:500;
}

.nav a{
	background-color:rgb(45,112,223);
	text-decoration:none;
	color:purple;
	padding-left:90px;
	margin-right:90;
	font-size:1.7em;
	font-weight:700;
	align-items:center;
}

header{
	background-color:rgb(45,112,223);
	width:100%;
	height:110px;
    align-items:center;
	display:flex;
	padding-left:8px;
	
}


* a:hover{
	color:yellow;
}

.social{

	position:absolute;
	left:600px;
	color:white;
	font-size:1.9em;
}

.social1{
	position:absolute;
	left:400px;
	font-size:2em;
}
 
 meida only screen and (min-width: 300px) and (max-width: 767) {
 
    
}

@meida only screen and (min-width: 768px) and (max-width: 1023) {
  
   
}

@media only screen and (min-width: 1024) {

   header{
        color:yellow;
    }
}