body {
background:#fff;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-family: Courier;
color:#333;
}

body h1 {
font-size: 30px;
}

body h2 {
font-size: 25px;
}

#content {
background:#fff;
margin:0 auto;
}

#top {
background:#333;
margin:0 auto;
width:100%;
height:18px;
}


.menu {
text-align: center;
}

.menu a{
color:#fff;
text-decoration:none;
}

.menu a:hover{
color:#ff0000;
text-decoration:underline;
}

#main {
background:#fff;
margin:0 auto;
width:960px;
}

#main a {
	color:#ff0000;
text-decoration:none;
}

#main a:hover{
color:#333;
text-decoration:underline;
}

#first-column {
width:510px;
float:left;
background:#fff;
margin-right:50px;
font-size:18px;
}

#logo-column {
width:210px;
float:left;
background:#fff;
margin-right:50px;
text-align:center;
}

#logo-column p{
margin-top:-3px;
font-size:12px;
}

#left-column {
width:210px;
float:left;
background:#fff;
margin-right:50px;
text-align:center;
}

#right-column {
width: 500px;
float:left;
background:#fff;
}

#rounded-square{ 
width: 710px;

background:#fff;
}

#circle {
width: 200px;
height:200px;

background:#000;
color:#fff;
border-radius:200px;
}

#circle p {
margin-left:25px;
margin-right:25px;
text-align:center;
margin-top:30px;
font-size:12px;
}

#logo {
width: 100px;
height:100px;
background:#000;
color:#fff;
border-radius:200px;
margin:0 auto;
border:2px solid #fff;
margin-top: -22px;
}

#logo a{
color:#fff;
text-decoration:none;
}

#logo a:hover{
color:#fff;
text-decoration:none;
}

#logo h3 {
margin-left:0px;
margin-right:0px;
text-align:center;
font-size:12px;
padding-top:25px;
}

.citazione {
    background-color: rgb(51, 51, 51);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:14px;
}

#bottom{
background-color:#333;
width:100%;
height:30px;
float:left;
font-size:11px;
color: #fff;
}


/* smartphones, iPhone, portrait 480x320 phones */
@media screen and (min-width: 320px) {
	
body h2 {
font-size: 20px;
}	

body h1 {
font-size: 22px;
}
	
#main {
background:#fff;
margin:0 auto;
width:280px;
}

.mobile-title{
display:block;
font-size:20px;
}

#logo-column {
width:280px;
background:#fff;
margin:0 auto;
text-align:center;
}

#logo {
width: 100px;
height:100px;
background:#000;
color:#fff;
border-radius:200px;
margin:0 auto;
border:2px solid #fff;
}

#first-column {
background:#fff;
text-align:center;
margin: 0 auto;
font-size:10px;
width:280px;
}	

#left-column {
display:none;
}
#right-column {
float:left;
background:#fff;
margin: 0 auto;
font-size:10px;
width:280px;
}

.citazione {
font-size:10px;
padding-top: 5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
}

#bottom{
font-size:10px;
color: #fff;
}

}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px) {
	
body h2 {
font-size: 20px;
}	

body h1 {
font-size: 22px;
}	
	
#main {
background:#fff;
margin:0 auto;
width:440px;
}

.mobile-title{
display:block;
font-size:20px;
}

#logo-column {
width:440px;
background:#fff;
margin:0 auto;
text-align:center;
}

#logo {
width: 100px;
height:100px;
background:#000;
color:#fff;
border-radius:200px;
margin:0 auto;
border:2px solid #fff;
}

#first-column {
background:#fff;
text-align:center;
margin: 0 auto;
font-size:12px;
width:440px;
}	

#left-column {
display:none;
}
#right-column {
float:left;
background:#fff;
margin: 0 auto;
font-size:12px;
width:440px;
}

.citazione {
font-size:12px;
padding-top: 7px;
padding-bottom:7px;
padding-left:12px;
padding-right:12px;
}

#bottom{
font-size:10px;
color: #fff;
}

}

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px){
	
body h2 {
font-size: 20px;
}		

body h1 {
font-size: 22px;
}	
	
#main {
background:#fff;
margin:0 auto;
width:600px;
}

.mobile-title{
display:block;
font-size:20px;
}

#logo-column {
width:600px;
background:#fff;
margin:0 auto;
text-align:center;
}

#logo {
width: 100px;
height:100px;
background:#000;
color:#fff;
border-radius:200px;
margin:0 auto;
border:2px solid #fff;
}

#first-column {
background:#fff;
text-align:center;
margin: 0 auto;
font-size:14px;
width:600px;
}	

#left-column {
display:none;
}

#right-column {
float:left;
background:#fff;
margin: 0 auto;
font-size:14px;
width:600px;
}

.citazione {
font-size:14px;
padding-top: 9px;
padding-bottom:9px;
padding-left:14px;
padding-right:14px;
}

#bottom{
font-size:10px;
color: #fff;
}

}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px){
	
body h1 {
font-size: 30px;
}

body h2 {
font-size: 25px;
}
	
#main {
background:#fff;
margin:0 auto;
width:960px;
}

.mobile-title{
display:none;
}

#logo-column {
width:210px;
float:left;
background:#fff;
margin-right:50px;
text-align:center;
}

#logo {
width: 100px;
height:100px;
background:#000;
color:#fff;
border-radius:200px;
margin:0 auto;
border:2px solid #fff;
margin-top: -22px;
}

#first-column {
width:510px;
float:left;
background:#fff;
margin-right:50px;

font-size:18px;
}	

#left-column {
width:210px;
float:left;
background:#fff;
margin-right:50px;
text-align:center;
display:block;
}

#right-column {
width: 500px;
float:left;
background:#fff;
}

.citazione {
background-color: rgb(51, 51, 51);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:14px;
}

#bottom{
font-size:11px;
color: #fff;

}

/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px){
	
body h1 {
font-size: 30px;
}

body h2 {
font-size: 25px;
}
	
#main {
background:#fff;
margin:0 auto;
width:960px;
font-size:16px;
}

.mobile-title{
display:none;
}

#logo-column {
width:210px;
float:left;
background:#fff;
margin-right:50px;
text-align:center;
}

#logo {
width: 100px;
height:100px;
background:#000;
color:#fff;
border-radius:200px;
margin:0 auto;
border:2px solid #fff;
margin-top: -22px;
}

#first-column {
width:510px;
float:left;
background:#fff;
margin-right:50px;
text-align:left;
font-size:18px;
}	

#left-column {
width:210px;
float:left;
background:#fff;
margin-right:50px;
text-align:center;
display:block;

}

#right-column {
width: 500px;
float:left;
background:#fff;
font-size:16px;
}

.citazione {
background-color: rgb(51, 51, 51);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:16px;
}
}