@font-face {
  font-family: Odin Bold;
  src: url(/font/odin-rounded.bold.otf);
		font-family: Odin Light;
  src: url(/font/odin-rounded.light.otf);
}
	
body,h1,p {font-family: "Odin Light", sans-serif; 
    color:#000
}
	
body, html {
    height: 100%;
}

body {
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

a {
    color: inherit;
}

.bgimg {
    min-height: 100%;
}

p a {
    padding: 0px 3px
}
	
.header {
    text-align: center; 
    margin-top:20px; 
    font-size: 20px
}
	
.footer {
    text-align: center; 
    /*padding-bottom:50px;*/
    width: 100%;
    /*margin-bottom: 20px;*/
}	
	
.descrizione {
    font-size: 20px;
}	
	
.luogos {
    font-size:30px;
    font-weight: bold;
    text-decoration: none;
    margin-block-start: 0.2em;
}	

.app-icon {
    width: 88px;
}
	
.footer p.info {
    font-weight: bold;
    margin-bottom: 10px;
}
.w3-display-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.w3-display-topmiddle {
    flex-grow: 1;
    max-width: 56%;
}

.cl-footer-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.w3-display-bottomleft {
    flex-grow: 1;
}

.w3-display-bottomright {
    padding: 12px 0;
}

.w3-padding-large {
    padding: 12px 24px!important;
}
	
@media screen and (max-width: 600px) {
    .w3-display-topmiddle {
        max-width: 75%;
    }

    .footer {
        /*padding-bottom:150px;*/
    }
		
    .cl-sx-footer {	
	    /*padding-bottom: 50px !important;*/
	    text-align: center;
    }
		
    .cl-dx-footer {	
    	text-align: center;
    }
}

@media screen and (max-width: 900px) {
    .cl-footer-wrapper {
        flex-direction: column;
    }

    .cl-sx-footer {	
	    /*padding-bottom: 50px !important;*/
	    text-align: center;
    }
		
    .cl-dx-footer {	
    	text-align: center;
    }
}