/* ----------------------- fonts ----------------------- */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('font/HelveticaNeue.woff2') format('woff2'),
        url('font/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvantGarde LT Book';
    src: url('font/AvantGardeLT-Demi.woff2') format('woff2'),
        url('font/AvantGardeLT-Demi.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GalaxieCopernicus-Book';
    src: url('font/GalaxieCopernicus-Book.woff2') format('woff2'),
        url('font/GalaxieCopernicus-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GalaxieCopernicus-BookItalic';
    src: url('font/GalaxieCopernicus-BookItalic.woff2') format('woff2'),
        url('font/GalaxieCopernicus-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Acumin Pro';
    src: url('font/AcuminPro-Regular.woff2') format('woff2'),
        url('font/AcuminPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acumin Pro';
    src: url('font/AcuminPro-Bold.woff2') format('woff2'),
        url('font/AcuminPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lucida Grande';
    src: url('font/LucidaGrande.woff2') format('woff2'),
        url('font/LucidaGrande.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zapf Dingbats';
    src: url('font/ZapfDingbatsITC.woff2') format('woff2'),
        url('font/ZapfDingbatsITC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GT America';
    src: url('font/GTAmerica-Bold.woff2') format('woff2'),
        url('font/GTAmerica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('font/Inter-Bold.woff2') format('woff2'),
        url('font/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT America';
    src: url('font/GTAmerica-Light.woff2') format('woff2'),
        url('font/GTAmerica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos';
    src: url('font/CopyrightKlimTypeFoundry-NotLicensedforDesktopUse.woff2') format('woff2'),
        url('font/CopyrightKlimTypeFoundry-NotLicensedforDesktopUse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






/* ----------------------- basics ----------------------- */

html{
	scroll-behavior: smooth;
}

body{
	margin: 0;
	padding: 0;
	color: black;
	background-color: #F9F9F9;
}

a{
	color:black;
	text-decoration: none;
}

/* ----------------------- spacers ----------------------- */


.space-14px{
	display: block;
	margin: 0 auto;
	height: 12px;
}

.space-14px:after {
  content: "";
  display: table;
  clear: both;
}

.space-18px{
	display: block;
	margin: 0 auto;
	height: 18px;
}

.space-18px:after {
  content: "";
  display: table;
  clear: both;
}

.space-24px{
	display: block;
	margin: 0 auto;
	height: 28px;
}

.space-24px:after {
  content: "";
  display: table;
  clear: both;
}

.space-28px{
	display: block;
	margin: 0 auto;
	height: 28px;
}

.space-28px:after {
  content: "";
  display: table;
  clear: both;
}

.space-32px{
	display: block;
	margin: 0 auto;
	height: 32px;
}

.space-32px:after {
  content: "";
  display: table;
  clear: both;
}

.space-36px{
	display: block;
	margin: 0 auto;
	height: 36px;
}

.space-36px:after {
  content: "";
  display: table;
  clear: both;
}

.space-42px{
	display: block;
	margin: 0 auto;
	height: 42px;
}

.space-42px:after {
  content: "";
  display: table;
  clear: both;
}

.space-44px{
	display: block;
	margin: 0 auto;
	height: 44px;
}

.space-44px:after {
  content: "";
  display: table;
  clear: both;
}

.space-48px{
	display: block;
	margin: 0 auto;
	height: 48px;
}

.space-48px:after {
  content: "";
  display: table;
  clear: both;
}

.space-54px{
	display: block;
	margin: 0 auto;
	height: 54px;
}

.space-54px:after {
  content: "";
  display: table;
  clear: both;
}

.space-60px{
	display: block;
	margin: 0 auto;
	height: 60px;
}

.space-60px:after {
  content: "";
  display: table;
  clear: both;
}

.space-64px{
	display: block;
	margin: 0 auto;
	height: 64px;
}

.space-68px{
	display: block;
	margin: 0 auto;
	height: 68px;
}

.space-68px:after {
  content: "";
  display: table;
  clear: both;
}

.space-78px{
	display: block;
	margin: 0 auto;
	height: 78px;
}

.space-78px:after {
  content: "";
  display: table;
  clear: both;
}

.space-84px{
	display: block;
	margin: 0 auto;
	height: 84px;
}

.space-84px:after {
  content: "";
  display: table;
  clear: both;
}

.space-88px{
	display: block;
	margin: 0 auto;
	height: 88px;
}

.space-88px:after {
  content: "";
  display: table;
  clear: both;
}

.space-128px{
	display: block;
	margin: 0 auto;
	height: 128px;
}

.space-128px:after {
  content: "";
  display: table;
  clear: both;
}

.space-142px{
	display: block;
	margin: 0 auto;
	height: 142px;
}

.space-142px:after {
  content: "";
  display: table;
  clear: both;
}

.space-180px{
	display: block;
	margin: 0 auto;
	height: 180px;
}

.space-180px:after {
  content: "";
  display: table;
  clear: both;
}


/* ----------------------- overall containers ----------------------- */

/*
Page - 1288
Main - 1148 (70px padding)
Image - 1000 (144px padding)
Text/Quote - 800 (488px padding)
*/

.page{
	display: block;
	width: 1120px;

	margin: 0 auto;
	background-color: white;

	border: 1px solid #DFDFDF;
	outline-width: thin;

}

.main{
	display: block;
	width: 1000px;
	margin: 0 auto;
}

.pageCaseStudy{
	display: block;
	width: 1120px;

	margin: 0 auto;
	background-color: white;

	border: 1px solid #DFDFDF;
	outline-width: thin;

}


/* ----------------------- type sections (home) ----------------------- */


.appleEmoji{
	font-size: 24px;
	line-height: 32px;
	width: 10px;

}

.me{
	font-size: 44px;
	line-height: 64px;

	text-align: left;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.meDescription{
	font-size: 16px;
	line-height: 34px;

	text-align: left;

    font-family: 'GalaxieCopernicus-Book';
    font-weight: 500;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	width: 676px;
}

.meDescription a{
	text-decoration: underline;
}

.meDescription a:hover{
	background-color: #FDFF00;
}

.arrow{
	font-size: 16px;
	line-height: 34px;

	text-align: left;

    font-family: 'Lucida Grande';
    font-weight: normal;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.homeSubHead{
	font-size: 12px;
	line-height: 40px;

	text-align: left;

    font-family: 'Acumin Pro';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.allProjects{
	display: block;
	width: 1000px;
}

.thumbnailSpacer{
	display: inline-block;
	width: 52px;
}

.thumbnail{
	width: 470px;
	height: 397px;
	background-color: white;

	display: inline-block;

	border-radius: 6px;

	box-shadow: 0px 2px 1px 1px rgba(143, 146, 155, 0.3);

}

.infoSide{
	float:left;

	padding-left: 18px;
	padding-top: 3px;

	position: relative;
}

.thumbCategory{
	color: #A6A6A7;

	font-size: 10px;
	line-height: 10px;

	font-family: 'Acumin Pro';
	font-weight: bold;
	font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	padding-top: 15px;

}

.thumbTitle{
	color: #202124;

	font-size: 22px;
	line-height: 34px;

	text-align: left;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	padding-top: 8px;
}

.thumbTag{
	color: #A6A6A7;

	font-size: 12px;
	line-height: 14px;

	font-family: 'GalaxieCopernicus-Book';
	font-weight: 500;
	font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	padding-top: 31px;

}

.bottomOfDiv{
	position: absolute;
	bottom: 32px;

	font-size: 20px;
	line-height: 22px;

	text-align: left;

    font-family: 'GalaxieCopernicus-Book';
    font-weight: 500;
    font-style: normal;

    text-decoration: underline;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

}

.picSide{
	display: block;
	width: 470px;
	height: 230px;
}

.picSide img{
	width: 470px;
	height: 230px;
	object-fit: cover;

	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.thumbnail:hover {
	box-shadow: 0px 4px 10px 1px rgba(143, 146, 155, 0.5);
}

.thumbnail:hover .bottomOfDiv{
	background-color: #FDFF00;
}

.thumbnail:hover .deckBottomButton{
	background-color: #0F59E0;
}



/* ----------------------- type sections (home) ----------------------- */

.blackColor{
	display: block;
	text-align: left;
    margin: 0 auto;
    width: 100%;

	background-color: black;
}

.blackMainSection{
	display: block;
	width: 1000px;

	margin: 0 auto;
}

.projectTitle{
	font-size: 44px;
	line-height: 64px;

	width: 700px;

	margin: auto;

	text-align: center;

	color: white;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}


.main-contentBlock{
	display: block;
	width: 864px;
	margin: 0 auto;
}


.main-textBlock{
	display: block;
	width: 800px;
	margin: 0 auto;
}

.project-h1{
	font-size: 30px;
	line-height: 54px;

	color: black;

	width: 700px;
	margin: auto;

	text-align: left;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-text{
	font-size: 48px;
	line-height: 68px;

	text-align: left;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-tableOfContents{
	font-size: 20px;
	line-height: 48px;

	width:700px;
	margin: auto;

    font-family: 'GalaxieCopernicus-Book';
    font-weight: 500;
    font-style: normal;

	text-align: left;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	display:block;
}

.project-tableOfContents a{
	text-decoration: underline;
}

.project-tableOfContents a:hover{
	background-color: #FDFF00;
}

.project-tableOfContents .indent{
	text-indent: 56px;
	display: inline-block;
}

.project-h2-summary{
	font-size: 14px;
	line-height: 30px;

	color: #7F7F7F;

	width: 700px;
	margin: auto;

	text-align: left;

    font-family: 'Acumin Pro';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-h2{
	font-size: 18px;
	line-height: 44px;

	color: black;

	width: 700px;
	margin: auto;

	text-align: left;

    font-family: 'Acumin Pro';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-body{
	font-size: 18px;
	line-height: 40px;

	width: 700px;
	margin: auto;

	text-align: left;

    font-family: 'GalaxieCopernicus-Book';
    font-weight: 500;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-body a{
	text-decoration: underline;
}

.project-body a:hover{
	background-color: #FDFF00;
}

.project-ending{
	font-size: 24px;
	line-height: 54px;

	width: 560px;
	margin: auto;

	text-align: center;

    font-family: 'GalaxieCopernicus-BookItalic';
    font-weight: normal;
    font-style: italic;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-ending a{
	text-decoration: underline;
}

.project-ending a:hover{
	background-color: #FDFF00;
}

#high{
	background-color: #E2EFFF;
}


.main-imageBlock{
	display: block;
	width: 864px;
	margin: 0 auto;
}

.main-imageBlock img{
	width: 864px;
	object-fit: cover;
	margin: 0 auto;
}

.seeFull{
    background-color: green;
    position: absolute;

    left: 0; 
    right: 0;
    top: 170px; 
    margin: auto;
    width: 400px;
    text-align: center;

}

.photoCaption{
	font-size: 16px;
	line-height: 22px;

	color: #A6A6A6;

	text-align: center;

    font-family: 'Acumin Pro';
    font-weight: normal;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.inLineList{
	width: 700px;

	margin: 0 auto;

	font-size: 18px;
	line-height: 46px;

	text-align: left;

    font-family: 'GalaxieCopernicus-Book';
    font-weight: 500;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.bulletPoints{
	display: inline-block;

	padding-right: 6px;

	font-size: 18px;
	line-height: 46px;

    font-family: 'Zapf Dingbats';
    font-weight: normal;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.project-h3{
	font-size: 20px;
	line-height: 38px;

	text-align: left;

    font-family: 'GalaxieCopernicus-BookItalic';
    font-weight: normal;
    font-style: italic;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.deliverableContainer{
	display: block;
	margin: 0 auto;

	width: 520px;

	background-color: white;

	border-radius: 8px;
	box-shadow: 0px 2px 16px 0px rgba(143, 146, 155, 0.3);

	border-top: 3px solid #266EF1;

	transition: .3s;
}

.deliverableType{
	margin-top: 42px;
	margin-left: 32px;

	color: #77787A;

	font-size: 12px;
	line-height: 12px;

	font-family: 'Acumin Pro';
	font-weight: bold;
	font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

}

.deliverableTitle{
	margin-top: 18px;
	margin-left: 32px;
	margin-right: 32px;

	color: #202124;

	font-size: 34px;
	line-height: 52px;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

}

.deliverableContents{
	margin-top: 36px;
	margin-left: 32px;
	margin-right: 32px;

	color: #202124;

	font-size: 16px;
	line-height: 22px;

    font-family: 'GalaxieCopernicus-Book';
    font-weight: 500;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}


.deliverableContents a:hover{
	background-color: #FDFF00;
}

.deliverableContents a{
	text-decoration: underline;
}

.deliverableArrow{
	font-size: 16px;
	line-height: 22px;

	text-align: left;

    font-family: 'Lucida Grande';
    font-weight: normal;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.deliverableButton{
	font-size: 16px;
	line-height: 20px;

	margin-top: 54px;
	padding-top: 28px;
	padding-bottom: 28px;

	text-align: center;

	background-color: #266EF1;
	color: white;

	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;

    font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;

	transition: .3s;
}

.deliverableButton a{
	text-decoration: none;
}

.deliverablButtonArrow{
    font-family: 'Lucida Grande';
    font-weight: normal;
    font-style: normal;

	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.deliverableButton:hover{
	background-color: #074FD0;
}

.deliverableButton:hover .deliverableContainer{
	box-shadow: 0px 2px 20px 0px rgba(143, 146, 155, 0.48);
}

.appleEmojiEnding{
	font-size: 30px;
	line-height: 40px;

	text-align: center;
}


/* ----------------------- animation ----------------------- */

.floatingHead{
	font-size: 30px;
	line-height: 40px;

	position: fixed;

	margin-top: 280px;
	margin-left: 70px;

	opacity: 0;
}

.scaleUpAnimation{
	animation-name: scaleUpKeyframes;
  	animation-duration: 1s;
  	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  	animation-delay: 0s;
  	animation-direction: forwards;
  	animation-fill-mode: both;
}

@keyframes scaleUpKeyframes{
	0% {
  		opacity: 0;
  		margin-top: 800px;
  		transform: scale(0);
	}
	1% {
  		transform: scale(1);
	}
	30%{
  		opacity: 0;
	}
	80%{
  		opacity: 1;
	}
	100% {
  		opacity: 1;
  		margin-top: 280px;
  		transform: scale(1);
	}
}

.scaleDownAnimation{
	animation-name: scaleDownKeyframes;
  	animation-duration: 3s;
  	animation-timing-function: linear;
  	animation-delay: 0s;
  	animation-direction: forwards;
  	animation-fill-mode: both;
}

@keyframes scaleDownKeyframes{
	from {
  		transform: scale(1);
	}
	to {
  		transform: scale(0);
	}
}

#topEmoji{
	transform-origin: center center;
}

.spinAnimation{
	animation-name: spinKeyframes;
  	animation-duration: 3s;
  	animation-timing-function: linear;
  	animation-delay: 0s;
  	animation-direction: forwards;
  	animation-fill-mode: both;
}

@keyframes spinKeyframes{
	from {
  		transform-origin: center center;
  		transform: rotate(0deg);
	}
	to {
  		transform-origin: center center;
  		transform: rotate(1500deg);
	}
}

/* ----------------------- new thumbnails ----------------------- */

.main-deckBlock{
	display: block;
	width: 864px;
	margin: 0 auto;
	text-align: center;
}

.deck{
	margin: 0 auto;
	display: inline-block;
	position: relative;
    background-color: #266EF1;
    height: 258px;
    width: 420px;

    border-radius: 8px;
	box-shadow: 0px 2px 16px 0px rgba(143, 146, 155, 0.3);
}

.deckTop{
	background-color: none;
    position: absolute;

    text-align: left;

    top: 17px;
    left: 22px;

    color: white;

}

#deckTopCaption{
    font-family: 'Acumin Pro';

    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;

	text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

#deckTopTitle{
	font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;
    font-size: 34px;
    line-height: 60px;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.deckBottomButton{
	background-color: #266EF1;
    position: absolute;

   	font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    line-height: 15px;

    padding:12px 18px;

    border-radius: 20px;

    bottom: 22px;
    left: 22px;

    color: white;
}

.deckOverlay{
    position: absolute;
    top: 92px;
    margin: auto;
    width: 420px;
    text-align: center;
    color: white;
    opacity: 0;

}

.divOverlayTitle{
	font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;
    font-size: 34px;
    line-height: 40px;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.deckOverlayButton{
	background-color: white;
	color: #266EF1;

   	font-family: 'AvantGarde LT Book';
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    line-height: 15px;

    width: 267px;
    margin: auto;
    margin-top: 16px;

    padding: 22px 0px;

    border-radius: 40px;

}

.deck:hover{
	box-shadow: 0px 8px 16px 0px rgba(143, 146, 155, 0.4);
	transition: .4s;
}

.deck:hover .deckTop{
	opacity: 0;
	transition: 0s;
}

.deck:hover .deckBottomButton{
	opacity: 0;
}

.deck:hover img{
	opacity: 0;
	transition: 0s;
}

.deck:hover .deckOverlay{
	top: 72px;
	opacity: 1;
	transition: .6s cubic-bezier(0.19, 1, 0.22, 1);
}

.deckSpacer{
	display: inline-block;
	width: 16px;
	height: 20px;
	background-color: none;
}


/* ----------------------- The Re Up ----------------------- */



.re-upperSection{
	background-color: white;
}

.re-midSection{
	background-color: #F0F2F3;
}

.re-endSection{
	background-color: white;
}

.re-header{
	margin: auto;
    padding: 0px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 50px;
    max-width: 1037px;
}

.re-header-name{
	display: inline-block;

	font-family: 'GT America';
    font-weight: bold;
    font-style: normal;
    font-size: 17.6px;
    line-height: 27.2px;
    letter-spacing: -0.2px;

    color: black;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-header-contact{
	display: inline-block;
	float: right;

	font-family: 'GT America';
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 27.2px;
    letter-spacing: -0.18px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-hero{
	margin: auto;
    padding: 0px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 65px;
    padding-bottom: 77px;
    max-width: 900px;
	text-align: center;
}

.re-hero-memoji img{
	width: 105px;
}

.re-hero-headline{
	margin: auto;
	max-width: 618px;

	font-family: 'GT America';
    font-weight: bold;
    font-style: normal;
    font-size: 30.4px;
    line-height: 36px;
    letter-spacing: 0.19px;

    color: black;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;

    margin-top: 12px;

}

.re-hero-body{
	margin: auto;
	max-width: 704px;

	text-align: left;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 31.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;

    margin-top: 20.8px;
}

.re-hero-body a{
	color: black;
	text-decoration: underline;
}

.re-hero-body a:hover{
	color: grey;
}

.re-allCards{
	margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 112px;
    padding-bottom: 100px;
}
.re-card{
	margin: auto;
	margin-bottom: 140px;
	height: 446px;
	max-width: 984px;
	background-color: white;

	border-radius: 4px;

	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}

.re-card:last-child{
	margin-bottom: 20px;
}

.re-card:first-child{
	margin-top: -30px;
}


.re-card-right{
	float: right;
	height: 446px;
	width: 405px;
	border-radius: 0px 4px 4px 0px;
}


.re-card-right img{
	max-height: 446px;
	max-width: 405px;
 	width: auto;
 	height: auto;

}

#re-thumbnail-0{
	background-image: url("img/thumbnail-vertical-7.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-0b{
	background-image: url("img/thumbnail-vertical-8.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-1{
	background-image: url("img/thumbnail-vertical-1.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-2{
	background-image: url("img/thumbnail-vertical-2.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-3{
	background-image: url("img/thumbnail-vertical-3.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-4{
	background-image: url("img/thumbnail-vertical-4.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-5{
	background-image: url("img/thumbnail-vertical-5.png");
	background-size: cover;
	background-position: center;
}

#re-thumbnail-6{
	background-image: url("img/thumbnail-vertical-6.png");
	background-size: cover;
	background-position: center;
}


.re-card-left{
	display: inline-block;
	max-width: 580px;
	margin-top: 24px;
	margin-left: 25.6px;
}

.re-card-left-title{
	margin: 0;

	font-family: 'GT America';
    font-weight: bold;
    font-style: normal;
    font-size: 20.8px;
    line-height: 27.2px;
    letter-spacing: -0.23px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-card-field{
	max-width: 526px;
	margin-top: 20.8px;
	margin-bottom: -9px;
}

.re-card-field-left{
	display: inline-block;
	width: 139px;
	vertical-align: top;

	font-family: 'Inter';
    font-weight: bold;
    font-style: normal;
    font-size: 14.4px;
    line-height: 27.2px;
    letter-spacing: -0.16px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-card-field-right{
	display: inline-block;
	max-width: 368px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-resume{
	margin: auto;
    padding-left: 40px;
    padding-right: 40px;
	max-width: 847px;

}

.re-resume-section1{
	padding-top: 86px;
}

#last-section1{
	padding-top: 54px;
}

.re-resume-section1-column1{
	display: inline-block;
	width: 140px;
	vertical-align: top;

	font-family: 'Inter';
    font-weight: bold;
    font-style: normal;
    font-size: 14.4px;
    line-height: 27.2px;
    letter-spacing: -0.16px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-resume-section1-column5{
	display: inline-block;
	width: 192.4px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
.re-resume-section1-column2{
	display: inline-block;
	width: 192.4px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section1-column4{
	display: inline-block;
	width: 192.4px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section1-column3{
	display: inline-block;
	width: 113px;
	text-align: right;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section2{
	padding-top: 54px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section2-column1{
	display: inline-block;
	width: 140px;
	vertical-align: top;

	font-family: 'Inter';
    font-weight: bold;
    font-style: normal;
    font-size: 14.4px;
    line-height: 32.2px;
    letter-spacing: -0.16px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-resume-section2-column2{
	display: inline-block;
	width: 90px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 32.2px;
    letter-spacing: -0.19px;

    color: #858585;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}
.re-resume-section2-column2b{
	display: inline-block;
	width: 210px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 32.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section2-column3{
	display: inline-block;
	width: 395px;
	text-align: right;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 32.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section3{
	padding-top: 54px;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section3-column1{
	display: inline-block;
	width: 140px;
	vertical-align: top;

	font-family: 'Inter';
    font-weight: bold;
    font-style: normal;
    font-size: 14.4px;
    line-height: 27.2px;
    letter-spacing: -0.16px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-resume-section3-column2{
	display: inline-block;
	width: 323px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-resume-section3-column3{
	display: inline-block;
	width: 376px;
	text-align: right;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;	
}

.re-CTA{
	margin: auto;
	text-align: center;
	padding-top: 124px;
	padding-bottom: 100px;
}

.re-CTA img{
	width: 54px;
}

.re-CTA-CTA{
	text-align: center;

	margin-top: 1px;

	font-family: 'Inter';
    font-weight: bold;
    font-style: normal;
    font-size: 14.4px;
    line-height: 27.2px;
    letter-spacing: -0.16px;

    color: black;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.re-CTA-contact{
	text-align: center;

	margin-top: 3px;

	font-family: 'Tiempos';
    font-weight: normal;
    font-style: normal;
    font-size: 16.8px;
    line-height: 27.2px;
    letter-spacing: -0.19px;

    color: #333333;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}



@media only screen and (max-width: 1196px) {
  .re-card{
		margin: auto;
		margin-bottom: 110px;
		height: auto;
		max-width: 620px;
	}

	.re-card:last-child{
		margin-bottom: 1px;
	}


	.re-card-right{
		width: 100%;
		height: 305px;
		float: none;
	}


	.re-card-right{
		margin-top: 36px;

		border-radius: 0px 0px 4px 4px;
	}

	#re-thumbnail-1{
		background-image: url("img/thumbnail-vertical-1.png");
		background-size: cover;
		background-position: center;
	}

	.re-card-left{
		display: inline-block;
		max-width: 526px;
	}

	.re-card-left-title{
		margin: 0;
	}

	.re-card-field{
		max-width: 526px;
	}

	.re-card-field-left{
		display: inline-block;
		width: 143px;
		vertical-align: top;
	}

	.re-card-field-right{
		display: inline-block;
		max-width: 368px;
	}

	.re-resume{
		margin: auto;
	    padding-left: 40px;
	    padding-right: 40px;
		max-width: 528px;

	}

	.re-resume-section1{
		padding-top: 80px;
	}

	.re-resume-section1-column1{
		display: block;
		width: 262px;
		vertical-align: top;
		padding-bottom: 12px;
	}

	.re-resume-section1-column5{
		display: inline-block;
		width: 262px;
		text-align: left;
		padding-bottom: -2px;
		line-height: 32.2px;
	}

	.re-resume-section1-column2{
		display: inline-block;
		width: 262px;
		text-align: right;
		padding-bottom: -2px;
		line-height: 32.2px;	
	}

	.re-resume-section1-column4{
		display: inline-block;
		width: 262px;
		text-align: left;
		line-height: 32.2px;
	}

	.re-resume-section1-column3{
		display: inline-block;
		width: 262px;
		text-align: right;
		line-height: 32.2px;
	}

	.re-resume-section2{
		padding-top: 52px;
	}

	.re-resume-section2-column1{
		display: block;
		width: 176px;
		vertical-align: top;
		padding-bottom: 12px;
	}

	.re-resume-section2-column2{
		display: inline-block;
		width: 90px;
	}
	.re-resume-section2-column2b{
		display: inline-block;
		width: 210px;
	}

	.re-resume-section2-column3{
		display: inline-block;
		width: 220px;
		text-align: right;
	}

	.re-resume-section3{
		padding-top: 52px;
	}

	.re-resume-section3-column1{
		display: block;
		width: 176px;
		vertical-align: top;
		padding-bottom: 12px;
	}

	.re-resume-section3-column2{
		display: inline-block;
		width: 328px;
	}

	.re-resume-section3-column3{
		display: inline-block;
		width: 196px;
		text-align: right;
	}

	#re-thumbnail-0{
		background-image: url("img/thumbnail-horizontal-7.png");
		background-size: cover;
		background-position: center;
	}

	#re-thumbnail-0b{
		background-image: url("img/thumbnail-horizontal-8.png");
		background-size: cover;
		background-position: center;
	}

	#re-thumbnail-1{
		background-image: url("img/thumbnail-horizontal-1.png");
		background-size: cover;
		background-position: center;
	}

	#re-thumbnail-2{
		background-image: url("img/thumbnail-horizontal-2.png");
		background-size: cover;
		background-position: center;
	}

	#re-thumbnail-3{
		background-image: url("img/thumbnail-horizontal-3.png");
		background-size: cover;
		background-position: center;
	}

	#re-thumbnail-4{
		background-image: url("img/thumbnail-horizontal-4.png");
		background-size: cover;
		background-position: center;
	}

	#re-thumbnail-5{
		background-image: url("img/thumbnail-horizontal-5.png");
		background-size: cover;
		background-position: center;
	}


	#re-thumbnail-6{
		background-image: url("img/thumbnail-horizontal-6.png");
		background-size: cover;
		background-position: center;
	}

}