@charset "utf-8";

@media (max-width:360px) {
	
	#Page {
		width:90vw;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	#Page H2 {
		margin:0px;
		padding:0px;
		font-size:1.9em;
		line-height:2em;
		color:#ffffff;
		font-weight:normal;
		text-align:center;
		margin-bottom:1rem;
		text-transform:uppercase;
		background-color:#cd0e0e;
	}
	
	#Page #Professionisti {
		display:block;
		background-color:#2b2b2b;
		padding-left:2rem;
		padding-right:2rem;
		padding-top:1rem;		
		position:relative;
		margin-bottom:1.5rem;
	}
	#Page #Professionisti .Columns {
		width:74vw;
		display:block;
		padding-bottom:2rem;
	}
	#Page #Professionisti .Columns A {
		display:block;
		text-decoration:none;
	}
	#Page #Professionisti .Columns A IMG {
		display:block;
		width:74vw;
	}
	#Page #Professionisti .Columns A .Text {
		display:block;
		font-size:1.8rem;
		color:#ffffff;
		text-align:center;
		padding-top:0.5rem;
		padding-bottom:1rem;
		font-weight:normal;
		text-transform:uppercase;
	}
	#Page #Professionisti .Columns A .Text SPAN {
		font-size:1.4rem;
		font-weight:normal;
		text-transform:uppercase;
		color:#ffffff;
	}
	#Page #Professionisti .Columns A .Butt {
		width:14rem;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-color:#828282;
		text-align:center;
		line-height:2rem;
		font-size:0.9rem;
		color:#2b2b2b;
		text-transform:uppercase;
		-webkit-border-radius: 0.3rem;
		-moz-border-radius: 0.3rem;
		border-radius: 0.3rem;
	}

}

@media (min-width:361px) { 

	#Header {
		height:23.222rem;
		background-position:center center;	
	}
	
	#Page {
		width:90.056em;
		display:block;
		margin-left:auto;
		margin-right:auto;
		font-size:1rem;
	}
	#Page H2 {
		margin:0px;
		padding:0px;
		font-size:3em;
		line-height:2em;
		color:#ffffff;
		font-weight:normal;
		text-align:center;
		margin-bottom:1rem;
		text-transform:uppercase;
		background-color:#cd0e0e;
	}
	#Page #Professionisti {
		display:block;
		background-color:#2b2b2b;
		padding:3.222em;
		position:relative;
		margin-bottom:2.611em;
	}
	#Page #Professionisti .Columns {
		width:40.50em;
		display:block;
		float:left;
	}
	#Page #Professionisti .Columns:NTH-CHILD(2) {
		margin-left:2.60em;
	}
	#Page #Professionisti .Columns A {
		display:block;
		text-decoration:none;
	}
	#Page #Professionisti .Columns A IMG {
		display:block;
		width:40.502em;
	}
	#Page #Professionisti .Columns A .Text {
		display:block;
		font-size:2rem;
		color:#ffffff;
		text-align:center;
		padding-top:0.5rem;
		padding-bottom:2rem;
		font-weight:normal;
		text-transform:uppercase;
	}
	#Page #Professionisti .Columns A .Text SPAN {
		font-size:1.4rem;
		font-weight:normal;
		text-transform:uppercase;
		color:#ffffff;
	}
	#Page #Professionisti .Columns A .Butt {
		width:14rem;
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-color:#828282;
		text-align:center;
		line-height:2rem;
		font-size:0.9rem;
		color:#2b2b2b;
		text-transform:uppercase;
		-webkit-border-radius: 0.3rem;
		-moz-border-radius: 0.3rem;
		border-radius: 0.3rem;
	}

}

@media (min-width:361px) and (max-width:1366px) {
	
	HTML,BODY {
		font-size:1.17vw;
	}
	
	#Header .Menu {
		font-size:0.8rem;
	}
	#Header .UpperBar {
		background-size:cover;
	}
	#Header .UpperBar A {
		font-size:1rem;
	}
	#Page {
		font-size:0.8rem;
	}
    
}

@media (min-width:1367px) {
	
	HTML,BODY {
		font-size:16px;
	}
	
	#Header .Menu {
		font-size:0.8rem;
	}
	#Page {
		font-size:0.8rem;
	}

}