
<meta charset="utf-8" />
<title> TRAVELING ITALY </title> 
<style type="text/css"> 
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)J  
and (max-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
Media Queries CSS
chrome-distiller://0f82865a-5c09-4c3a-8479-1cdbaaa91689_33c2ce93ea9097ecdc3a4a339e24f0c07da4fc9a42aca97173f099f72f380fa3/?time=85019… 2/2
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.list{
	float: left;
	padding: 0px 100px; 
	font-size: 28px;
	margin: 0px auto;
	list-style-type:none;
} 

nav{ 
	width: 100%;
	text-decoration: none; 
} 

.cen{
	float: left;

	margin-bottom: 40px; 
	padding:40px;
	border: 10px solid white;
	font-size: 22px; 
}
.top{
	float: left;
	font-size: 70px; 
}
.para{
	padding: 100px;
}

.romeh1{
	text-align:center;
	Padding: 100px;
	font-size: 75px;
	font-style: tahoma;
}

.romeh2{
	
	border: 5px solid grey;
	float: left; 
	font-size: 35px; 
}

.florh1{
	text-align:center;
	Padding: 100px;
	font-size: 75px;
}
.florh2{
	float: left; 
	border: 5px solid grey; 
	font-size: 35px; 
} 
.foodh1{ 
	text-align:center;
	Padding: 100px;
	font-size: 75px;
}
.foodh2{ 
	float: left; 
	border: 5px solid grey; 
	font-size: 35px; 
}
.monuh1{
	text-align:center;
	Padding: 100px;
	font-size: 75px;
}
.monuh2{
	float: left; 
	border: 5px solid grey; 
	font-size: 35px; 
}
