html{
	
	font-size:100%;
}

body {
	font-family: 'Ubuntu', sans-serif;
  	-webkit-text-size-adjust: none;
  	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:400;
	color:#040b29;

}

p {
	font-size: 1rem;
	line-height: 1.75em;
	margin: 0 0 1.75em 0;

}


h1 {
	font-size: 2.1rem;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.75em;
	
}


h2 {
	font-size: 1.7rem;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	color:#0245c7;

}


h2:after{
	
	content:"";
	height: 4px;
	width:60px;
	background: #040b29;
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.25em;
	margin-bottom:1.25em;
	border-radius:3px;
}


#comments h2, .dark-bg h2{
	
	color:#ffffff;
}

#comments h2:after, .dark-bg h2:after{
	background-color:#ffffff;
}


h3 {
	font-size: 1.3rem;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}


h4 {
	font-size: 1rem;
	line-height: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

.ingressi {
	font-size: 1.2rem; 
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 800px;
		
}


.smaller{
	font-size:0.6em;
	font-weight:400;
}

.small {
  font-size: 0.85rem; 

}


h1, h2, h3, h4, .pre-heading, .button, cite, .mega-email, .tag, strong{
	font-weight: 700;
}



.pre-heading{
	
	font-size: 1rem;
	display:block;
	margin-bottom:0.75em;
}


.pre-heading, .button, cite{
		letter-spacing: 2px;
		text-transform: uppercase;
}


blockquote{
	padding:2em;
	background-color: rgba(10, 83, 227, 0.73);
	position:relative;
    overflow: visible;
    margin-bottom:2em;
    border-radius:6px;
}






blockquote:before{
	content: '';
	position:absolute;
	bottom:-20px;
	right: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0px 20px;
	border-color: rgba(10, 83, 227, 0.73) transparent;
	overflow: visible;
	z-index: 99999;

}




blockquote p{
	font-size: 1.1rem;
	margin-bottom:0;

}


.mega-email, .tag{
	
	font-size:1.25rem;
	margin-top:2em;
	margin-bottom:3em;
	padding-left: 71px;
	line-height: 3em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	background-image: url('../images/email.svg');
	background-position: left center;
	background-size:58px 58px;
	background-repeat:no-repeat;
	display: inline-block;
}


.tag{
	
	background-image: url('../images/tag.svg');
	background-size:38px 38px;
	padding-top:0.35em;
	padding-bottom:0.35em;
	padding-left: 48px;
	line-height: inherit;
	margin-bottom:1.75em;
	margin-top:0.75em;
	font-size:1.1rem;

}


cite{
	
	font-size: 0.9rem;
	font-style: normal;
	display:block;
	margin-bottom:2em;
}


.quote{
	font-size:1.9rem;
	font-weight: 700;
	padding-right: 0.1em;
	padding-left:0.1em;
}

@media all and (min-width: 500px) {
h1 {
	font-size: 2.3rem;
	}

.smaller{
	font-size:0.6em;
}
}

@media all and (min-width: 1023px) {

	body {
  font-size: 17px;
  
}




h1 {
	font-size: 2.8rem;
	
}




h2 {
	font-size: 2rem;
	
}


h3 {
	font-size: 1.6rem;

}


h4 {
	font-size: 1.3rem;
	
}


.ingressi{
		font-size:1.55rem;

}




.project-text p{
	font-size:1.2rem;
}


#intro .pre-heading{
	font-size:2.2rem;
	margin-bottom:0.25em;
}



.smaller{
	font-size:0.6em;
}


blockquote{
	    min-height: 200px;
	    margin-bottom:1.5em;
}


}


@media all and (min-width: 1260px) {



p{
	
	font-size:1.1rem;
	
}

h1 {
	font-size: 3.3rem;
	
}


h2 {
	font-size: 2.2rem;
	
}



h4 {
	font-size: 1.2rem;
	
}


.ingressi{
		font-size:1.65rem;

}


.mega-email{
	
	font-size:1.45rem;
	
}


blockquote{
	    min-height: 160px;
}


}