@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Sen&display=swap');
body { font-family: "Instrument Serif", serif;}

/* GENERALS */

.container { max-width:1600px;}


/* TYPOGRAPHY & COLORS */
.instrument-serif-regular {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.instrument-serif-regular-italic {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
}
.sen-regular {
  font-family: "Sen", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.alternate-color1{color:#FFB338;}
.alternate-color2{color:#FFFFFF;}

.text-40-60-128 {font-size:40px; letter-spacing:-4%; line-height: 40px}
.text-38-42-80 {font-size:32px; letter-spacing:-4%;line-height:32px;}
.text-28-28-54 {font-size:28px; letter-spacing:-4%;line-height:28px;}
.text-32-42-80 {font-size:32px; letter-spacing:-4%;line-height:32px;}
.text-20-24-48 {font-size:20px; letter-spacing:-4%;line-height:20px;}

@media all and (min-width:768px){
.text-40-60-128 {font-size:60px;line-height:60px;}
.text-38-42-80 {font-size:42px;line-height:42px;}
.text-32-42-80 {font-size:42px;line-height:42px;}
.text-20-24-48 {font-size:24px;line-height:24px;}
}
@media all and (min-width:1200px){
.text-40-60-128 {font-size:128px; line-height:120px;}
.text-38-42-80 {font-size:80px;line-height:80px;}
.text-28-28-54 {font-size:54px;line-height:54px;}
.text-32-42-80 {font-size:80px;line-height:80px;}
.text-20-24-48 {font-size:48px;line-height:48px;}
}

.text-80 {font-size:80px;}
.text-54 {font-size:54px; line-height:54px;}
.text-48 {font-size:48px;}
.text-38 {font-size:38px;}


.section-title {display:inline-block; margin:auto; padding-left:30px; background:url(../images/ico_sun.svg) 0 center no-repeat; }

.alternate-background1{ background-color:#321600}
.alternate-background2{ background-color:#FFB338}
.alternate-background3{ background-color:#FBF5D9}
.alternate-background4{ background-color:#A9DEFE}
.alternate-background5{ background-color:#000000}
.alternate-background6{ background-color:#EC360D}
.alternate-background7{ background-color:#E97E61}

.background-sun { background-image:url(../images/sun_bg.png); background-position: right bottom; background-repeat: no-repeat;}

/* HEADER */
header {padding-top: 30px; padding-bottom:10px;}
.logo {width:167px; display:inline-block;}
.logo img {width:100%;}


/* BUTTONS */
.btn-connect, btn-primary   { background-color:#FFB338; border:none;}
.btn-connect:hover, btn-primary:hover {background-color:#FBF5D9; color:#000000;}
.btn-outline-primary {border-color:#FFB338; color:#000000;}
/*.btn-outline-primary:hover {border-color:#FFB338; background-color:#FBF5D9; color:#000000;}*/
.btn {font-family: "Sen", sans-serif;}
.btn-primary {background-color:#FFB338; border:none; color:#000000;}
.btn-secondary {background-color:#FBF5D9; color:#000000; border:none;}
.btn-secondary:hover {}



/* HOMEPAGE */

.box-services { height:400px; background-repeat: no-repeat; background-position: left 20px bottom 20px; background-size:50% auto;}
@media all and (min-width:768px) and (max-width:1199px){
.box-services {background-size:30% auto;}
}
.box-services-number { font-size:154px; position:absolute; bottom:20px; right:20px; line-height:124px;}
.box-services-1{ background-image:url(../images/img_lifecycle_strategy.png)}
.box-services-2{ background-image:url(../images/img_build_and_automate.png)}
.box-services-3{ background-image:url(../images/img_optimize_and_report.png)}
.box-services-1 .box-services-number, .box-services-2 .box-services-number  {color:rgba(255,255,255,0.5);} 
.box-services-3 .box-services-number {color:rgba(0,0,0,0.5);}

.box-case-studies {height:500px; background-repeat: no-repeat; background-position: center bottom; background-size:50% auto; padding:5rem 2rem 2rem 2rem; position:relative;}

@media all and (min-width:768px){
	.box-case-studies { height:480px; padding:3rem; background-position: left 100% bottom 0;}
}
@media all and (min-width:1200px){
	.box-case-studies { height:550px; padding:3rem; background-position: left 100% bottom 0;}
}

.box-case-studies-1 {background-image:url(../images/img_research_consulting_firm.png)}
.box-case-studies-2 {background-image:url(../images/img_luxury_brand.png)}
.box-case-studies-3 {background-image:url(../images/img_health_tech.png)}

@media all and (min-width:992px){
	.box-case-studies-numbers {width:45%;}
}

.box-case-studies-location {position:absolute; top:2em; left:2em; background:url(../images/ico_location.svg) left center no-repeat; padding-left:30px;}
@media all and (min-width:768px){
	.box-case-studies-location {position:absolute; top:auto; bottom:3em; left:3em}
}



/*CASE STUDIES*/
.circle-challenge{width:125px; height:125px; font-size:80px; line-height:120px;}