@charset "utf-8";
h1,h2,h3,h4,h5,h6 {font-family: 'Playfair Display', serif;}
body{background-color: #EFEFEF; color: #001730;}
.bg-secondary {background-color: #E6E5E3 !important;}
.visually-hidden-sm {display:none;}
.visually-sm {display:inherit;}
.mobile0 {padding:0 !important;}
.mobile1 {padding:1rem !important;}

@media (min-width: 768px) {
	.visually-hidden-sm {display:inherit;}
	.visually-sm {display:none;}
}
@media (max-width: 768px) {
.mobile0 {padding:0 !important;}
.mobile1 {padding:1rem !important;}
.mobilex0 {padding-left:0 !important;padding-right:0 !important;}
.mobiley0 {padding-top:0 !important;padding-bottom:0 !important;}
.mobilex1 {padding-left:1rem !important;padding-right:1rem !important;}
.mobiley1 {padding-top:1rem !important;padding-bottom:1rem !important;}
.mobilex2 {padding-left:2rem !important;padding-right:2rem !important;}
.mobiley2 {padding-top:2rem !important;padding-bottom:2rem !important;}
.mobilex3 {padding-left:3rem !important;padding-right:3rem !important;}
.mobiley3 {padding-top:3rem !important;padding-bottom:3rem !important;}
.mobile-text{text-align:left !important;}
.navbar-collapse a.nav-link {text-align: center;}
}
.portfolio-link {
  position: relative;
  display: block;
  margin: 0 auto;
}
.portfolio-link .portfolio-hover {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(74, 215, 209, 0.7);
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity ease-in-out 0.25s;
}
.portfolio-hover-content {
  font-size: 1.25rem;
  color: white;
}
.portfolio-link:hover .portfolio-hover {
  opacity: 1;
}
svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius:50rem;
  background-color: #4AD7D1;
}
.btn-pj{
	display:inline-grid;
	width:160px;
	height:auto;
	padding:18px 3px;
	border-radius:50rem;
	background-color:#fff;
	border:1px solid #dee2e6;
}
.btn-pj:hover{
	background-color:#4AD7D1 !important;
}
.btn-pj-nxt {
	text-align:right !important;
	background-position:left;
}
.btn-pj-prv {
	background-position:right !important;
}
.rq4u-pj{
	background:url("../img/mpc-ux-portfolio-rq4u-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.rq4u-camp-pj{
	background:url("../img/mpc-ux-portfolio-campaigns-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.heart-pj{
	background:url("../img/mpc-ux-portfolio-heart-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.food-pj{
	background:url("../img/mpc-ux-portfolio-food-needs-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.lxry-pj{
	background:url("../img/mpc-ux-portfolio-lxry-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.start-pj{
	background:url("../img/mpc-ux-portfolio-start-dutch-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.web-pj{
	background:url("../img/mpc-ux-portfolio-webnautico-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.carr-pj{
	background:url("../img/mpc-ux-portfolio-carrapeta-btn.png") no-repeat;
	background-size:inherit;
	text-decoration: none;
}
.btn-pj i {
 	color: #212529 !important;
	margin-right: 3px;
	margin-left: 3px;
}