/* CSS Document 
+ IdeaUno Web Creations  
*/

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", 
	             Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    font-style: normal;	
	background: #fff;
	color: #000;}

a {color: #7a2424; text-decoration: none;}
a:hover {  color: #83760c;}
h1 {
		
		font-size: 42px;
	}
h1.TitAutore {
    color: #000;
	margin: 0;
}
h2.Subtit {
    font-size: 19pt;
	margin: 0;
	margin: 0;
}
h3.introTest {
	
		font-size: 24px;
	    margin: 0;
}

.container {
    text-align: initial;
    display: flex;
    margin: auto;
    width: auto;
    justify-content: center;
    flex-direction: row;
    column-gap: 70px;
	padding: 0px 50px;
}
}
.middle {

  font-size: 18px;
  font-weight: 100;
  margin: 30px auto;
  padding: 22px 0;
}

.end {
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.4px;
  margin: 30px 0;
}




@media (max-width: 1024px){
	
h3.introTest {
 
    font-size: 61px;

}	
.AutoreFont {

    font-size: 82px;

}
	
.container {

    flex-direction: column;
    column-gap: 70px;
}	
	
	
	h1 {
			font-size: 69px;
		}
	.top img {
			/*width: 60%;*/
		}	
	.middle {
			font-size: 43px;
		}	
	.end {
		font-size: 35px;
	}	
}

.space {
    height: 100px;
}

.center {
 text-align: center;
}

.top {}

	
.contattiTxt {
    margin-top: 40px;
    background: #d6da2d;
    padding: 30px;	
}

.contattiTxt:hover{
    background: #fcc819;	
}

a.btnacquista {
	
	font-size: 22px;

    padding: 20px;
    color: #000;
}
a.btnacquista:hover {

	color: #264998;	


}
.footer {
  text-align: left;
}

.sx {
  display: inline-block;
  text-align: left;
  width: 86%;
}

.dx {
  display: inline-block;
  text-align: right;
}

.contatti {
  display: inline-block;
  font-size: 22px;
  margin: 10px;
  text-align: center;
}

.line {
  background: #BD022C;
  width: 36px;
  height: 8px;
  margin-bottom: 20px;
}

.container {
    width: 1000px;
	
}

/* ==========================================================
! Landscape phones and down
========================================================== */
@media (max-width: 480px) {
	

.top {
  left: 0px;
  position: relative;}
	
}


