/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Lora:400,500,600&display=swap'); /* font-family: 'Lora', serif; */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap'); /* font-family: 'Lato', sans-serif; */

/* OVERRIDE PER MENU */
body {
font-family: 'Lato', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #000;
background: #c9c9c9;
}
a,button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;outline:none;background:none;text-decoration:none}@media only screen and (max-width:768px){a,button{cursor:default!important;border:none;outline:none}}
nav.navbar,section.wrapper{width:auto;}
header.header,section.wrapper{overflow:visible;}

/* KEEP FOOTER AT BOTTOM */
main{min-height: calc(100vh - 160px);}
@media only screen and (max-width: 768px){	main{min-height: calc(100vh - 186px);} }

/* WRAPPERS */
.site-wrapper{width:80%;max-width:70rem;}
.inner-wrapper{padding:2rem;}
@media only screen and (max-width: 768px){ 
	.site-wrapper{width:95%;max-width:80rem;}
	.inner-wrapper{padding:1.2rem;} 
}

/* COLORI */
.bg-grigio{background:#f4f4f4;}
.txt-grigio{color:#737373;}

.bg-blu{background:#0a2456;}
.txt-blu{color:#0a2456;}

a.grey-link:link,a.grey-link:visited{color:#737373;}
a.grey-link:hover{color:#000000;}

a.blu-link:link,a.grey-link:visited{color:#0a2456;}
a.blu-link:hover{color:#081b41;}

/* IMMAGINI */
.bg-001{
background-image: url(../images/studio-legale-milano-abcpp.jpg);
background-repeat:repeat;
background-position:center;
height:30vh;
}

.flag{width:100vh;max-width:64px;}

/* TIPOGRAFIA */
h1,h2,h3{font-family: 'Lora', serif;line-height:1.2;}
h1{font-size:clamp(18px, 3vw, 36px);padding:0 0 10px;}
h2{font-size:clamp(17px, 2vw, 32px);padding:0 0 10px;}
h3{font-size:clamp(16px, 1.5vw, 28px);padding:0 0 10px;}
p,blockquote,ul.lista{font-size:clamp(15px, 1.3vw, 18px);padding:0 0 10px;}
p{text-align:justify;}

p#logo{font-size:clamp(20px, 4.5vw, 48px);padding:0;letter-spacing:2px;}
p.footer{font-size:13px;padding:30px 2rem;}
@media only screen and (max-width: 1024px){p.footer{padding:10px 2rem 0;}}

ul.lista{
list-style-type:none;
margin:0;
padding:10px 0;
text-align:left;
line-height:1.1;
}
ul.lista li{
margin-left:0px;
text-indent:0px;
}
ul.lista.contatti li{margin:0;padding:10px 0 0;}

ul.lista.competenze{
list-style-type:disc;
margin:0 0 0 20px;
padding:0 0 20px 0;
text-align:left;
line-height:1.5;
}
ul.lista.competenze li{padding:10px 10% 10px 0;}

.break{word-break: break-all;}

a.button{
outline:none;
border: none;
cursor:pointer;
display:block;
max-width:150px;
border-radius:5px;
background-color:white;
color: black;
opacity:0.8;
padding:5px;
margin:0 auto;
text-align:center;
text-decoration:none;
font-size:16px;
transition: 0.5s opacity;
}
a.button:hover{opacity:1;}

/* OGGETTI */
#lingue{max-width:300px;margin:auto;}
#arrow{margin: -15px auto 0;}
@media only screen and (max-width: 1024px){#arrow{padding:20px 0 10px;}}