@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,700;1,300&display=swap');

body{
	background-color: black !important;	/*#fede32*/
	background-image: url('../images/sfondo-alessandro.jpg');
	text-align:center !important;
	font-family:'Rubik' !important;
}
.logo{
	max-width: 100%;
	margin-bottom:10px; /*20px*/
}

A{
	text-decoration:none !important;
}

.h1, h1 {
    font-size: 1.75rem;
}
.h3, h3 {
    font-size: 1.25rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem;
}
.text-white{
	color:white !important;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.w-100{
	width:100% !important;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid black;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
@media screen and (min-width: 1200px){
	.container {
	    max-width: 1140px;
	}
}
@media screen and (min-width: 992px){
	.container {
	    max-width: 960px;
	}
}
@media screen and (min-width: 768px){
	.container {
	    max-width: 720px;
	}
}
@media screen and (min-width: 576px){
	.container {
	    max-width: 820px; /*550px*/
	}
	.h1, h1 {
	    font-size: 2.5rem !important;
	}
	.h3, h3 {
	    font-size: 1.75rem !important;
	}
	
}
.container {
    /*width: 100%;*/
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.footer{
	margin-top:30px;
}