/*--------------------------
*           FONT 
*--------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*--------------------------
*           GENARAL 
*--------------------------*/
html{
	overflow-x:hidden !important;
}
body {
	height: 100%;
	/*min-height: 100vh;
	max-width: 100vw;*/
	padding: 0;
 	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #404E8D;
	/*font-size: 1rem;
    padding-top: 4.5rem;
	height:100vh*/
	background-image: url("/images/sfondo/sfondo.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	overflow-x:hidden !important;
	}
body {
  min-height: 100%;
}
footer{
  position: relative;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  clear: both;
}

h1,h2,h3,h4,h5,h6 {
  /*color: #404E8D;*/
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;}
 
h1{color:#fff}
/*p{ margin-bottom: 0}*/
hr{ border-top-color: #F8DC24;}

a,a:hover,a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #303030;
  /*font-weight: 500;
  font-size: 14px;*/ }

.arvo{
font-family: 'Arvo'; 
font-weight: bold;
}  
.arvoregular{
font-family: 'Arvo'; 
}  
.avatar{
	border-radius: 100%;
	border-style: solid;
	border-color:white;
	border-left-width: 10px;
}
  
  

/******
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
34px = 2.125rem
39px = 2.4375rem
40px = 2.5rem
44px = 2.75rem
49px = 3.0625rem
80px = 5rem
*******/