* {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#2d2d2d;
	font-weight:normal;
	-webkit-margin-before: 0em;
	box-sizing: border-box;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

html {
}

.order1 {
	order:1;
	-webkit-order: 1;
}
.order2 {
	order:2;
	-webkit-order: 2;
}
.order3 {
	order:3;
	-webkit-order: 3;
}
.order4 {
	order:4;
	-webkit-order: 4;
}


.order5 {
	order:5;
	-webkit-order: 5;
}
.order6 {
	order:6;
	-webkit-order: 6;
}



header {
	background:#fff;
	border-bottom:0px solid #ccc;
	opacity:1;
	height:115px;
	width:100%;
	position:fixedd;
	z-index:99999999;
	top:0;
	left:0;
	margin:0;
	padding:0;	
	}


body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin:50px 50px 0 50px;
overflow-y: scroll;
	background-image: url("../../files/bg-caroo.svg");
	background-size: contain;
	background-attachment: fixed;
}


a:link, a:visited {
	text-decoration:none;
}





#logo{
	position:fixed;
	top:50px;
	left:50px;
	z-index:5;
}
#logo p.name {
	margin-bottom:8px;
}
#logo p.name a{
	font-family: 'euclid-a-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px !important;
	letter-spacing:0px;
	text-transform:none;
	line-height:20px;
	color:#2ca982;
}
#logo p.name a span {
	font-family: 'sangbleu-republic-regular-italic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	text-transform:none;
	letter-spacing:0px;
	color:#2c2c2c;
	line-height:20px;
}
#nav{
	position:fixed;
	top:50px;
	right:50px;
	z-index:5;
}
#nav ul li,#nav ul li a {
	font-family: 'euclid-a-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:20px;
	width: 100%;
	display:inline;
	margin-left:8px;
	text-align:right;
}
#nav ul li:last-child {
	margin-left:10px;
}

#content {
	margin-top:100px;
	margin-bottom:50px;
}

#content-intro {
	padding-top:75px;
	margin-bottom:50px;
	width: 100%;
	background-image: url("../../files/bg-caro.svg");
	background-size: cover;
	background-position: top;
}
#content-intro p{
	font-family: 'sangbleu-republic-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:24px;
	line-height:36px;
	text-align:center;
	width:80%;
	margin:0 auto;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
	color:#2c2c2c;
}

#content-intro h1 {
	font-family: 'sangbleu-republic-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:24px;
	line-height:36px;
}

#content-intro p i {
	font-family: 'sangbleu-republic-regular-italic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
}

#content-intro p + p{
	margin-top: 25px;
}
#content p a.btn:link, #content p a.btn:visited,
#content-intro p a.btn:link, #content-intro p a.btn:visited {
	border:1px solid #2ca982;
	font-family: 'euclid-a-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 20px;
	border-radius: 30px;
	background: #fff;
}
#content p a.btn:hover, #content p a.btn:active,
#content-intro p a.btn:hover, #content-intro p a.btn:active
{
	background: #2ca982;
	color: #fff;
}
#content-intro p a.portfolio-link:link, #content-intro p a.portfolio-link:visited,#content-intro p a.portfolio-link:hover, #content-intro p a.portfolio-link:active {
	font-family: 'sangbleu-republic-bold-italic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#content-intro hr {
	border: 0.5px solid #2ca982;
	margin: 100px 0 0px 0;
}


#content-start
{

}
	
.row {
  display: flex; /* equal height of the children */
	flex-wrap: wrap;
}





#content-start .box1-img img,
#content-start .box2 img
{
	width: 100%;
	padding: 0;
}

#content-start .box1,
#content-start .box2
{
	width: 50%;
	padding:50px;
	float: left;
	margin:  auto;
	}

#content-start .box1-img,
#content-start .box2-txt
{
	width: 50%;
	padding:0px;
	float: left;
	margin:  auto;
	}

#content-start .box2-txt
{
	padding-right:50px;
	}



#content-start .box1 h2,
#content-start .box2 h2,
#content-start .box2-txt h2
{
	font-family: 'sangbleu-republic-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 36px;
	text-align: left;
	margin-bottom: 25px;
}


#content-start .box1 p,
#content-start .box2 p,
#content-start .box2-txt p
{
	font-family: 'euclid-a-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
}


#content-start .box1 p+p,
#content-start .box2 p+p
{
margin-top:20px;
}



#content-start .box1 p a:link, #content-start .box1 p a:visited,
#content-start .box2 p a:link,#content-start .box2 p a:visited,
#content-start .box1-txt p a:link, #content-start .box1-txt p a:visited,
#content-start .box2-txt p a:link,#content-start .box2-txt p a:visited
{
	border:1px solid #2ca982;
	padding-bottom: 5px;
	font-family: 'euclid-a-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 15px;
	border-radius: 20px;
	margin-left:-20px;
}


#content-start .box1 p a:hover, #content-start .box1 p a:active,
#content-start .box2 p a:hover, #content-start .box2 p a:active,
#content-start .box1-txt p a:hover, #content-start .box1-txt p a:active,
#content-start .box2-txt p a:hover,#content-start .box2-txt p a:active
{
	border:1px solid #2ca982;
	background: #2ca982;
	color: #fff;
}

#content-start hr  {
	border: 0.5px solid #ccc;
	margin: 50px 0 50px 0 !important;
}


#content h1 {
	font-family: 'sangbleu-republic-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 48px;
	line-height: 56px;
	color: #2ca982;
	margin-bottom: 25px;
}

#content img {
	width: 90%;
	margin-bottom: 50px;
}

#content p,
#content ul li {
	font-family: 'sangbleu-republic-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 40px;
	width: 80%;
}

#content p a {
	
}

#content h2 {
	font-family: 'sangbleu-republic-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 48px;
	color: #2ca982;
	width: 80%;
	margin-top: 35px;
}


#content h3 {
	font-family: 'sangbleu-republic-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 40px;
	color: #2ca982;
	width: 80%;
	margin-top: 25px;
}

#content h4 {
	font-family: 'sangbleu-republic-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 40px;
	width: 80%;
	margin-top: 25px;

}


#content p+p {
	margin-top: 25px;
}


#content ul li {
	list-style: square;
	list-style-position: inside;
	margin-bottom: 15px;
}

#footer{
	padding-top:100px;
	text-align:left;
	margin-bottom: 50px;
	}

#footer ul li,#footer ul li a {
	font-family: 'euclid-a-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 100%;
	display:inline;
	margin-right:10px;
}
#footer ul li:last-child {
	margin-right:0;
}
/* MEDIA SCREEN */
@media screen and (min-width:1001px){
}

@media screen and (max-width: 1000px) and (min-width:481px){
	html {
	}
	body {
		margin:30px;
	}
	#logo{
		top: 25px;
		left:25px;
		position:relative;
	}
	
	header {
		position:relative;
		}

	.order3 {
		order:4;
		-webkit-order: 4;
	}
	.order4 {
		order:3;
		-webkit-order: 3;
	}

	
	header #logo a{
		letter-spacing:0px;
		font-size:18px;
	}
	#nav {
		position:relative;
		top: 75px;
		left:25px;
	}
	#nav ul li,#nav ul li a {
		font-size:18px;
		line-height:26px;
		text-align:left;
		margin-right:10px;
		margin-left:0;
	}
	#nav ul li:last-child {
		margin-left:0px;
	}
	
	#content-start .box1,
	#content-start .box2,
	#content-start .box1-img, 
	#content-start .box2-txt 
	{
	width: 100%;
	padding:25px;
	float: none;
	}
	
	
	#content-start .box1 h2,
	#content-start .box2 h2
	{
		text-align:left;
	}
	
	
	#content-intro {
		margin-top: 150px;
		margin-left:0px;
	}
	#content-intro p{
		font-size:24px;
		line-height:36px;
		width:90%;
	}

	
	#content h1 {
		font-size:36px;
		text-align: left;
	}
	#content p,#content ul li{
		font-size:24px;
		line-height:36px;
		width:100%;
	}
	.container p {
		padding: 10px 0 0 10px;
	}
	#content ul li a{
		font-size:18px;
		line-height:28px;
		font-family: 'euclid-a-regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin-left:50px;
	}

	
	#content p.cta {
	text-indent:0 !important;
	margin-left:25px;
}	
	#content img{
		margin-bottom:30px;
		width:100%;
	}

	#content-intro p + p {
		text-indent:50px;
	}
	
	#content h3 {
		margin-left:25px;
	}
	
#content ul li{
	margin-left:25px;
}
	
	

	#footer ul li,#footer ul li a {
		display:list-item;
		line-height:24px;
	}
}
@media only screen and (max-width: 480px) {
	html {
	}
	body {
		margin:10px auto;
		width:96%;
	}
	#logo{
		position:relative;
		top:15px;
		left:15px;
	}
	
	header {
		position:relative;
		height:200px;
		}
	
	header #logo a{
		letter-spacing:0px;
		font-size:14px;
	}
	#nav {
		position:relative;
		top: 50px;
		left: 0px;
	}
	#nav ul li,#nav ul li a {
		display:list-item;
		text-align:left;
	}
	#content{
		width:98%;
		margin-top:100px;
	}
	#content-intro {
		margin-top:100px;
		margin-bottom:50px;
	}
	#content-intro p{
		font-size:24px;
		line-height:36px;
		width:80%;
		margin-left:25px;
	}
	#content h1{
		font-size:32px;
		line-height:48px;
		text-indent:25px;
	}
	#content p{
		font-size:24px;
		line-height:36px;
	}
	#content p + p{
		text-indent:15px;
	}
	
	.container p {
		padding: 10px 0 0 15px;
	}
	#content img{
		margin-bottom:20px;
		width:100%;
	}

	#content-intro p + p{
		text-indent:50px;
	}
	#content p, #content ul li {
		font-size:18px;
		line-height:32px;
	}

	
	#content h2 {
		font-size:24px;
		line-height:36px;
		margin-left:15px;
		text-indent:0 !important;
	}
	
#content ul li{
	margin-left:25px;
}	

	#content ul li a:link, #content ul li a:visited {
	font-size:18px;
	line-height:24px;
	}

	#footer{
		margin-left:15px;
	}
	#footer ul li,#footer ul li a {
		display:list-item;
		line-height:24px;
	}
		
}

@media only screen and (max-width: 480px) {
	html {
	}
	
	#nav {
		position:relative;
		top: 50px;
		left: 00px;
	}
	
	#nav ul li:last-child {
	margin-left:08px; 
	}
	
	#content-start .box1,
	#content-start .box2,
	#content-start .box1-img, 
	#content-start .box2-txt 
	{
		width: 100%;
		padding:15px;
		float: none;
	}
	
	
	.order3 {
		order:4;
		-webkit-order: 4;
	}
	
	.order4 {
		order:3;
		-webkit-order: 3;
	}
	
	#content-start hr {
	margin:15px 0 25px 0 !important
	}
	
	#content-start .box1 p a:link,
	#content-start .box1 p a:visited,
	#content-start .box2 p a:link,
	#content-start .box2 p a:visited,
	#content-start .box2-txt p a:link,
	#content-start .box2-txt p a:visited {
		margin-left:0;
	}
	
	#content h1{
		text-indent:0px;
	}
	
		#content p + p{
		text-indent:0px;
	}
	
	#content p,
	#content ul li {
		width: 96%;
	}
	
		#content-intro {
		margin-top:00px;
		margin-bottom:50px;
	}

	#content-intro p{
		width:90%;
		margin-left:25px;
	}
	
	
}