@media only screen and (max-width: 600px) {
/* For mobile phones: */
	body{
		background-color:lightblue;
		color:black;
		margin:10px 0px;
		font-family: 'Cairo', sans-serif;
		letter-spacing: .1em;
		font-size:16px;
		font-weight: 590;
	}
	main{
		background-color: white;
		padding:10px;
	}
	.main{
		width: 100%;
		margin: auto;
		height:auto;
		margin-bottom: 10px;
	}
	.comment{
		width: 80%;
		height: auto;
		margin: auto;
		margin-bottom: 10px;
		padding:5px;
	}
	hr{
		border:1px dotted gray;
	}
	section{
		background-color: lightblue;
		padding: 10px;
		height:100px;
	}
	.head{
		font-family:'Great Vibes', monospace;
	}
	button{
		margin:0px 3px;
	}
	.list{
		border:2px solid black;
		padding: 3px 6px;
		background-color: white;
		display: inline-block;
		margin-top: 3px;
	}
	img {
		display: block;
		margin: auto;
		margin-bottom:5px;
		margin-top:5px;
		border: 2px solid gray;
		padding: 2px;
		width: 100%;
		height: 100%;
		object-fit:cover;
	}
	.profile{
		width: auto;
		height: auto;
	}
	article{
		padding: 10px;
	}
	p{
		line-height: 1.7em;
	}
	.cursive{
			font-family: 'Parisienne', cursive;
	}
}

@media only screen and (min-width: 601px) {
	body{
		background-color:lightblue;
		color:black;
		margin:10px 0px;
		font-family: 'Cairo', sans-serif;
		letter-spacing: .1em;
		font-size:13px;
		font-weight: 590;
	}
	main{
		background-color: white;
		padding:10px;
	}
	.main{
		width: 93%;
		margin: auto;
		height:auto;
		margin-bottom: 10px;
	}
	.comment{
		width: 80%;
		height: auto;
		margin: auto;
		margin-bottom: 10px;
		padding:5px;
	}
	hr{
		border:1px dotted gray;
	}
	section{
		background-color: lightblue;
		padding: 10px;
	}
	.head{
		font-family:'Great Vibes', monospace;
	}
	button{
		margin:0px 3px;
	}
	.list{
		border:2px solid black;
		padding: 3px 6px;
		background-color: white;
		margin-top: 3px;
		display: inline-block;
	}
	img {
		display: block;
		margin: auto;
		margin-bottom:5px;
		margin-top:5px;
		border: 2px solid gray;
		padding: 2px;
		width: 400px;
		height:350px;
		object-fit:cover;
	}
	.profile{
		width: auto;
		height: auto;
	}
	article{
		padding: 10px;
	}
	p{
		line-height: 1.7em;
	}
	.cursive{
			font-family: 'Parisienne', cursive;
	}
}



@media only screen and (min-width: 1200px) {
body{
	background-color:lightblue;
	color:black;
	margin:10px 0px;
	font-family: 'Cairo', sans-serif;
	letter-spacing: .1em;
	font-size:18px;
	font-weight: 590;
}
main{
	background-color: white;
	padding:10px;
}
.main{
	width: 80%;
	margin: auto;
	height:auto;
	margin-bottom: 10px;
}
.comment{
	width: 80%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
	padding:5px;
}
hr{
	border:1px dotted gray;
}
section{
	background-color: lightblue;
	padding: 10px;
}
.head{
	font-family:'Great Vibes', monospace;
}
button{
	margin:0px 3px;
}
.list{
	border:2px solid black;
	padding: 3px 6px;
	background-color: white;
}
img {
	display: block;
	margin: auto;
	margin-bottom:5px;
	margin-top:5px;
	border: 2px solid gray;
	padding: 2px;
	width: 600px;
	height: 400px;
	object-fit:cover;
}
.profile{
	width: auto;
	height: auto;
}
.cover{
	border-color: red;
	margin: auto;
}
article{
	padding: 10px;
}
p{
	line-height: 1.7em;
}
.cursive{
		font-family: 'Parisienne', cursive;
}
}