* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {text-decoration: none; transition: 0.5s;}

body {
  font-family: "Montserrat", sans-serif;
  background: #000;
  background-size:cover;
  color: #000;
  -webkit-font-smoothing: antialiased;
}

.site-size {max-width: 700px; margin: 0 auto;}

.links-sec {padding-bottom: 2rem;}
.links-sec .headimg {text-align: center; padding-top: 40px; padding-bottom: 50px;}
.links-sec .headimg img {width: 50%;}
.links-sec ul {margin: 0; padding: 0; list-style: none;}
.links-sec ul li {
	background: rgb(51,51,51);
  background: -moz-linear-gradient(130deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 70%);
  background: -webkit-linear-gradient(130deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 70%);
  background: linear-gradient(130deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#000000",GradientType=1); 
  display: flex; margin-bottom: 1rem; border: 1px solid #222; border-radius: 40px;}
  .links-sec ul li img {border-radius:35px;}
.links-sec ul li a {display: flex;}
.links-sec ul li a:hover {opacity: 0.7;}
.links-sec ul li .box-link {display: flex; align-items: center; padding: 0 4rem;}
.links-sec ul li span {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2.5rem;
  background: #FCFCFC;
background: linear-gradient(to right, #FCFCFC 0%, #B0B0B0 21%, #90A0E8 62%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}

.bioleo-sec {background:#D9D9D9; text-align: center; padding-top: 2rem;}
.bioleo-sec .desc-leo {background: url('../imagens/vquem-e-leomarcondes-dk.webp') top left no-repeat; padding-top: 23rem; background-size: 100%;}
.bioleo-sec .pdtxt {padding-left: 0.7rem; padding-right: 0.7rem; padding-bottom: 2rem;}
.bioleo-sec .pdtxt p {margin-bottom: 2rem; line-height: 1.8rem;}

@media (pointer: coarse) {

  .links-sec {padding-bottom: 1rem;}
  .bioleo-sec {padding-top: 0;}
  
  .links-sec .headimg {padding-bottom: 2rem; padding-top: 2.4rem;}

  .links-sec ul {padding-right: 1rem; padding-left: 1rem;}
  .links-sec ul li .box-link {padding: 0 1.7rem;}
  .links-sec ul li .box-link span {font-size: 1.1rem; line-height: 1.2rem;}
  .links-sec ul li .box-img img {width: 110px;}

  .bioleo-sec .desc-leo {background: url('../imagens/vquem-e-leomarcondes.webp') top left no-repeat; padding-top: 14rem; background-size: 100%;}
  

}