* {
  scrollbar-width: thin;
  scrollbar-color: #ffffff #fbd9de;
}
*::-webkit-scrollbar {
  width: 15px;
}
*::-webkit-scrollbar-track {
	border: 2px solid #fbd7ea;
 	background: #ffc3e3;
	border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
	background-color: #e778b5;
	border-radius: 10px;
  	border: 2px solid #ffc3e3;
}

.col-50{
	width: 49%;
}


#inicio p{
	width: 97%;
    padding-top: 242px;
}
#inicio a{
    margin-top: 56px;
}
#inicio .circle-image{
	position: relative;
	padding: 80px 44px 0 34px;
}
#bruna-foto-inicio{
	width: 500px;
	height: 500px;
	box-shadow: 0 0 29px 25px #fff;
    border-radius: 50%;
    background: url('../img/bruna-foto-inicio.webp') no-repeat;
    background-size: contain;
}
.circle-image i{
	width: 264px;
	height: 420px;
    background: url(../img/estrelas-1.svg) no-repeat;
    background-size: cover;
	position: absolute;
	z-index: -1;
}
.circle-image i:nth-of-type(1){
	top: 0;
	left: -43px;
}
.circle-image i:nth-of-type(2){
	bottom: -60px;
	right: -39px;
}



@media (min-width:1200px){

	.middle{
		width: 1200px;
		margin: 0 auto;
	}

	main > header .logo{
		left: calc(50vw - 600px);
	}

}

@media (max-width:1199px){

	.middle{
		width: 100%;
	}

	main > header .logo{
		left: 14px
	}

	#inicio {
	    padding-bottom: 75px;
	}
	#inicio-left{
		padding: 0 0 20px 20px;
	}
	.circle-image{
	    padding: 80px 18px 0 0;
	}
	#bruna-foto-inicio{
		width: 450px;
		height: 450px;
	}


}

@media (max-width:1115px){


	#bruna-foto-inicio{
		width: 400px;
		height: 400px;	
	}
}