@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;600&display=swap');

body {
  padding-top: 120px;
  padding-bottom: 20px;
  font-family: 'Raleway', sans-serif;
  background: url(../images/background-graziella.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.navbar-inverse {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+41,0.3+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 41%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 41%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4dffffff',GradientType=1 ); /* IE6-9 */
	border: none;
}

.red {
	height: 4px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fa1a22+0,fa1a22+100&1+41,0.3+100 */
	background: -moz-linear-gradient(left,  rgba(250,26,34,1) 0%, rgba(250,26,34,1) 41%, rgba(250,26,34,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(250,26,34,1) 0%,rgba(250,26,34,1) 41%,rgba(250,26,34,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(250,26,34,1) 0%,rgba(250,26,34,1) 41%,rgba(250,26,34,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa1a22', endColorstr='#4dfa1a22',GradientType=1 ); /* IE6-9 */
}

h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 42px;
}

.btn-default {
  color: #fff;
  background-color: #00649f;
  border-color: #00649f;
  font-size: 18px;
  border-radius: 0px;
  padding: 8px 25px;
  margin-top: 10px;
}
.btn-default a:hover {
  color: #fff;
  background-color: #00649f;
  border-color: #00649f;
}

.div-testo {
	padding-left: 0px;
}

.testo {
	font-size: 20px;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 60%;
  border-top: 1px solid #000;
}

.cont-t {
	margin-top: 20%;
}

@media only screen and (max-width: 1024px) {
	.div-testo {
		padding-left: 0px;
	}
	h1 {
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 20px;
		line-height: 26px;
		margin-top: 0px;
	}
	hr {
    margin-top: 10px;
    margin-bottom: 10px;
	  width: 60%;
	  border-top: 1px solid #000;
  }
	.testo {
		font-size: 16px;
	}
	.cont-t {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 768px) {
	body {
  	padding-top: 120px;
	  background: url(../images/background-graziella-mobile.jpg) no-repeat bottom center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.div-testo {
		padding-left: 0px;
	}
	h1 {
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 20px;
		line-height: 26px;
		margin-top: 0px;
	}
	hr {
    margin-top: 10px;
    margin-bottom: 10px;
	  width: 60%;
	  border-top: 1px solid #000;
  }
	.testo {
		font-size: 16px;
	}
	.cont-t {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 767px) {
	body {
  	padding-top: 100px;
	  background: url(../images/background-graziella-mobile.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.div-testo {
		padding-left: 0px;
	}
	h1 {
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 20px;
		line-height: 26px;
		margin-top: 0px;
	}
	hr {
    margin-top: 10px;
    margin-bottom: 10px;
	  width: 60%;
	  border-top: 1px solid #000;
  }
	.testo {
		font-size: 16px;
	}
	.cont-t {
		margin-top: 0px;
	}
}