html,  body {
	font-size: 100%;
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
}
body{
font-style: normal;
background-color: #F5F1ED;
/*background-image: url("../img-assets/titabg.jpg");*/
}
h1,h2,h3,h4,h5,h6{font-weight:600!important}


.bg-black{background-color:#000!important}
.bg-green{background-color:rgba(182,189,92,1.00)!important}

.bg-blue{background-color:rgba(172,211,209,0.80)!important;
    background:linear-gradient(270deg,rgba(126,180,182,0.80),rgba(14,122,109,0.80) 100%);
}
/*footer*/
.py-5{
    color: #fff;
    padding-top:8%!important;
	padding-bottom:8%!important;
margin: 4% 0 0 0;
}
.py-5 a{
    color: #fff;letter-spacing: 0.03em;
}

.vita tr td {border: none; text-align: left; padding:8px;
}

.rounded-pill{border-radius:4rem}

.navbar-custom{
    padding-top:1rem;
    padding-bottom:1rem;
    background:linear-gradient(90deg,rgba(126,180,182,0.80),rgba(14,122,109,0.8) 100%);
    background-color:rgba(148,197,194,0.80);
}
.navbar-custom .navbar-brand {
    text-transform:none!important;
    font-size:1.3rem;
    letter-spacing:.1rem;
    font-weight:400;
}
.navbar-custom .navbar-nav .nav-item .nav-link{
    font-size:.8rem;
    font-weight:400;
    letter-spacing:.1rem;
}
.nav-link {
    font-size:1.1rem!important;
    color: #fff;
}

header.masthead{
	position:relative;
	overflow:hidden;
	padding-top:calc(7rem + 72px);
	padding-bottom:7rem;
	background:linear-gradient(0deg,rgba(255,106,0,1.0),rgba(238,9,121,1.0) 100%);
	background-image:url(../img-assets/atelierpanoBlue.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	background-size:cover; }

header.masthead .masthead-content{z-index:1;position:relative}
header.masthead .masthead-content .masthead-heading{
    font-size: 3.5rem;
    text-shadow: 4px 4px 20px rgba(0,0,0,0.30);
}
header.masthead .masthead-content .masthead-subheading{font-size:2rem}

header.masthead .bg-circle{z-index:0;position:absolute;border-radius:100%;background:linear-gradient(0deg,rgba(224,34,51,0.8),rgba(236,144,86,0.8) 100%)}


/* ////// Circles ///////*/
header.masthead .bg-circle-1{height:90rem;width:90rem;bottom:-65rem;left:-60rem}
header.masthead .bg-circle-2{height:50rem;width:50rem;top:-30rem;right:-25rem}
header.masthead .bg-circle-3{height:20rem;width:20rem;bottom:-10rem;right:5%;}
/*middle circle*/
header.masthead .bg-circle-4{ 
height:36rem;width:36rem;
    top:-5rem;right:30%}
.bg-circle-4{
animation: MoveUpDown 6s linear infinite;
}
@keyframes MoveUpDown {
  0%, 100% {
    top: 0;
      right:30%;
  }
  50% {
    top: 4%;
      right:27%;
  }
}


.bg-primary{background-color:#ee0979!important}

.btn-xl{text-transform:uppercase;padding:1rem 4rem;font-size:1.0rem;font-weight:700;letter-spacing:.1rem}

.btn-primary{
    background-color:#3fb0a4;
    border-color:#bd0760;
background:linear-gradient(270deg,#bd0760,#ec6850 100%);
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    background-color:#bd0760!important;
    background:linear-gradient(90deg,#bd0760,#ec6850 100%);
    border-color:#fff!important;
}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(238,9,121,.5)}

.btn-secondary{background-color:#ff6a00;border-color:#ff6a00}
.btn-secondary:active,.btn-secondary:focus,
.btn-secondary:hover{background-color:#c50!important;border-color:#c50!important}
.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}



@media (min-width:992px){
header.masthead{padding-top:calc(10rem + 55px);padding-bottom:10rem}header.masthead .masthead-content .masthead-heading{font-size:6rem}header.masthead .masthead-content .masthead-subheading{font-size:4rem}}

 @media screen and (max-width: 1024px){
header.masthead .bg-circle-1{height:45rem;width:45rem;bottom:-28rem;left:-33rem}
header.masthead .bg-circle-2{height:20rem;width:20rem;top:-9rem;right:-4rem}
header.masthead .bg-circle-3{height:15rem;width:15rem;bottom:-5rem;left:80%}
header.masthead .bg-circle-4{height:30rem;width:30rem;top:-10rem;left:9%;}
}

 @media screen and (max-width: 600px){
header.masthead .bg-circle-1{height:35rem;width:35rem;bottom:-18rem;left:-28rem}
header.masthead .bg-circle-2{height:10rem;width:10rem;top:-1rem;right:-8rem}
header.masthead .bg-circle-3{height:15rem;width:15rem;bottom:-5rem;left:80%}
header.masthead .bg-circle-4{height:20rem;width:20rem;top:-5rem;left:9%;}
}