@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
.id-post{
	padding:5px	
}
.id-post a img{
	border-radius:10px;
	/*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);*/
	transition:0.5s;
	cursor:pointer
}

.id-post a img:hover{
	webkit-filter: blur(2px); /* Chrome, Safari, Opera */
    filter: blur(2px);
}
 
 #instagram-feed{
	/*
	background: rgb(234,234,234);
	background: linear-gradient(0deg, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 74%, rgba(234,234,234,1) 100%);
	padding-top:60px;
	padding-bottom:60px	
	*/
}

#instafeed img{
	/*
	width:100%;
	height:100%	
	*/
}

#instagram-feed .container-fluid{
	
}

#instagram-feed h3{
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	font-weight:300;
	margin-bottom:15px;
	color: #788B85
}
#instagram-feed h3 span{
	font-weight:700
}

#portfolioModal .btn,
#instagram-feed .btn{
   font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
    margin: 15px 0px;
    color: #5a6072;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.55px;
    line-height: 16px !important;
    padding: 5px 15px;
    box-shadow: 0px 1px 3px #c8cad0;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #eff1f5;
    border-radius: 8px;
    background-color: #eff1f5;
    text-decoration: none;
    display:inline-block;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-style: normal;
	transition:0.5s;
	opacity:1
}
#portfolioModal .btn:hover,
#instagram-feed .btn:hover{
	opacity:0.5	
}

#portfolioModal .btn i,
#instagram-feed .btn i{
	width: 20px;
	height: 20px;
	font-size:16px;
	line-height:20px;
	margin-right:3px;
	color: #fff;
	background: radial-gradient(
		circle at 33% 100%,
		#fed373 4%,
		#f15245 30%,
		#d92e7f 62%,
		#9b36b7 85%,
		#515ecf
	);	
	border-radius: 30%;
	position: relative;
}

#portfolioModal .modal-body{
	font-family: 'Roboto', sans-serif;
	color: #fff;
    font-size: 17px;
	line-height:25px;
    font-weight: 400;
    letter-spacing: 0.55px;
	padding:50px 15px 30px 15px;
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

#portfolioModal .btn-close{
	font-size:60px;
	position:absolute;
	right:-60px !important;
	top:-70px !important;
	color:#fff; 
	cursor:pointer;
	transition:0.5s;
	opacity:1
}
#portfolioModal .btn-close:hover{
	opacity:0.5
}

/*IMAGENS*/
.box-img {
  width: 100%;
}

.img-cover{
  width: 100%;
  object-fit:cover;
  object-position: center center;
}

.height-img-default img{
  height: 340px;  
}

.height-img-smin img{
  height: 64px;
}

.height-img-min img{
  height: 150px;
}

.height-img-max img{
  height: 321px;
}

/*paginas individuais*/
.img-page-default img{
  height: 249px; 
}
.full-img-page img{
  height: 269px; 
}

/*TABLETS E DESKTOP*/
@media (min-width: 768px) and (max-width: 991px){
  .height-img-default img{
	height: 229px;
  }

  .height-img-max img{
	height: 269px;
  }

  .img-page-default img{
	height: 173px; 
  }
}


@media(min-width: 992px) and (max-width: 1199px){
	.height-img-default img{
	  height: 242px;  
	}
  .height-img-max img{
	height: 360px;
  }
  .img-page-default img{
	height: 191px; 
  }

  .full-img-page img{
	height: 321px; 
  }
}

@media(min-width: 1200px){
  .height-img-max img{
	height: 455px;
  }
	.img-page-default img{
   height: 191px; 
  }

  .full-img-page img{
	height: 321px; 
  }
}


img[data-src].lazy {
  opacity: 0;
}
img[src].lazy {
  opacity: 1;
  transition: .3s ease-in-out;
}