body{
	font-family: 'helvetica';
	font-weight: 300;
	color:rgba(21,25,21,1);
}

hr {
	width: 100%;
}

h1{
	font-weight:bold;
	letter-spacing: -0.5px;
}
h2{
	font-weight: 100;
}
h3{
	text-transform:uppercase;
	color:rgba(198,209,14,1);
	font-weight: 100;
}

h5{
	margin-top: 30px;
	text-align:left;
	font-weight: bold;
}

.red{
	color: rgba(203,0,34,1);
}
.green{
	color:rgba(198,209,14,1);
}
.gray_dark{
	color:rgba(64,64,64,1);
}
.gray_light{
	color:rgba(89,89,89,1);
}
.gray{
	color:rgba(136,136,137,1);
}
.yellow{
	color:rgba(255,233,16,1);
}
.blue{
	color:rgba(119,204,244,1);
}
.pink{
	color:rgba(229,12,126);
}
.orange{
	color:rgba(233,80,30);
}
.bg_red{
	color: rgba(203,0,34,1);
}
.bg_white{
	background-color: rgba(255,255,255,1);
}
.bg_green{
	background-color: rgba(198,209,14,1);
}
.bg_gray_dark{
	background-color: rgba(64,64,64,1);
}
.bg_gray_light{
	background-color: rgba(89,89,89,1);
}
.bg_gray{
	background-color: rgba(136,136,137,1);
}
.bg_yellow{
	background-color: rgba(255,233,16,1);
}
.bg_blue{
	background-color: rgba(119,204,244,1);
}
.bg_pink{
	background-color: rgba(229,12,126);
}
.bg_orange{
	background-color: rgba(233,80,30);
}

a.menuBtn {
	color: rgba(0,0,0,0.8);
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	font-size: 26px;
}
a.menuBtn:hover{
	color: rgba(237,20,133,1);
}

.portrait{
	max-width:300px;
}

.stickyhr{
	height:75px;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: 0px 0px 0px;
}

@media screen and (min-width: 993px){
	h1{
		font-size: 2rem;
	}
	.first_stickyhr{
		margin-top: 100px;
	}
	.dropDown{
		display: none;
	}
	.large{
		display: block;
		transition: box-shadow 0.1s;
	}
	.small{
		display: none;
		transition: box-shadow 0.1s;
	}
	a.menuBtn {
		font-size: 17px;
	}
	a.menuBtnNotFixed:hover{
		border-top: 2px solid rgba(229,12,126,1);
		padding-top: 10px;
	}
	.article4 .article4_linkedin{
		margin-top: 40px;
	}
	.article5 .article5_title{
		border-right: 1px solid rgba(255,255,255,1);
		text-transform:uppercase;
	}
}


@media screen and (min-width: 769px) and (max-width: 992px){
	h1{
		font-size: 1.5rem;
	}
	.first_stickyhr{
		margin-top: 100px;
	}
	.dropDown{
		display: none;
	}
	.large{
		display: block;
		transition: box-shadow 0.1s;
	}
	.small{
		display: none;
		transition: box-shadow 0.1s;
	}
	.article4 .article4_linkedin{
		margin-top: 40px;
	}
	.article5 .article5_title{
		border-right: 1px solid rgba(255,255,255,1);
		text-transform:uppercase;
	}


	.ref_logo{
		max-width: 150px;
		max-height: 150px;
	}


	.variable .large .col{
		padding-left: 0px;
		padding-right: 0px;
	}
	a.menuBtn {
		color: rgba(0,0,0,0.8);
		text-decoration: none;
		cursor: pointer;
		text-align: center;
		font-size: 15px;
	}
	a.menuBtnNotFixed:hover{
		border-top: 2px solid rgba(229,12,126,1);
		padding-top: 11px;
	}

}

@media screen and (min-width: 301px) and (max-width: 768px){
	h1{
		font-size: 1.2rem;
	}
	h2{
		font-size: 1rem;
	}
	.first_stickyhr{
		margin-top: -100px;
	}
	.portrait{
		max-width:60%;
	}
	.article2 .col{
		margin-top: 20px;
	}
	.article4 .article4_linkedin{
		margin-top: 10px;
	}
	.article5 .article5_title{
		margin-bottom: 30px;
		border-right: none;
		text-transform:uppercase;
	}


	.addressarea{
		display: none;
	}
	.large{
		display: none;
		transition: box-shadow 0.1s;
	}
	.small{
		display: block;
		transition: box-shadow 0.1s;
	}
}

@media screen and (min-width: 0px) and (max-width: 300px){
	.content{
		padding-left: 5px;
		padding-right: 5px;
	}
	.first_stickyhr{
		margin-top: -100px;
	}
	h1{
		font-size: 0.5rem;
	}
	h2{
		font-size: 1rem;
	}
	.portrait{
		max-width:100%;
	}
	.article .col{
		margin-top: 30px;
	}
	.article4 .article4_linkedin{
		margin-top: 10px;
	}
	.article5 .article5_title{
		margin-bottom: 30px;
		border-right: none;
		text-transform:uppercase;
	}

	.large{
		display: none;
		transition: box-shadow 0.1s;
	}
	.small{
		display: block;
		transition: box-shadow 0.1s;
	}
}


.article1 .article1_title{
	font-weight:bold;
	text-transform:uppercase;
	margin-top: 2rem;
}
.article1 .article1_title2{
	font-weight:bold;
	text-transform:uppercase;
}
.article1 .article1_text{
	/*margin-top: 2rem;*/
	font-weight: 100;
}

.article2 .article2_title{
	text-transform:uppercase;
	font-weight:bold;
}
.article2 .article2_box{
	background-color: rgba(229,12,126);
	border-radius: 5px;
	color: rgba(255,255,255,1);
	font-size: 12px;
	text-align: left;
}
.article2 .article2_box_invert{
	border: 2px solid rgba(229,12,126);
	border-radius: 5px;
	color: rgba(229,12,126);
	font-size: 12px;
	text-align: left;
}
.article3 .article3_title{
	text-transform:uppercase;
	font-weight: 100;
	margin-bottom: 20px; 
}
.article3 .article3_subtitle{
	font-weight: bold;
}
.article3 .article3_subtitle2{
	text-transform:uppercase;
	color:rgba(229,12,126,1);
}
.article3 .article3_more{
	color:rgba(229,12,126,0.7);
}
.article3 .article3_more:hover{
	cursor: pointer;
	color:rgba(229,12,126,1);
}
.article3 .article3_txt{
	font-size: 12px;
}
.article3 .article3_p{
	font-style: italic;
}

.article4 .article4_title{
	text-transform:uppercase;
	font-weight: bold;
}
.article4 .article4_subtitle{
	color:rgba(229,12,126);
	margin-top: 30px;
}

.article5 .article5_box{
	margin-top: 50px;
}


.fixed {
	position: fixed;
	top:0px;
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	z-index: 1000;
	opacity: 0;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 15px 0px 1px #FFF,
				-15px 0px 1px #FFF,
				0px -15px 1px #FFF,
				2px 2px 7px rgba(0, 0, 0, 0.3);
}
.variable{
	background-color:white;
	line-height: 40px;
	height: 40px;
}
.ddhide{
	z-index: -1000;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.ddshow{
	opacity: 1;
	z-index: 1000;
	transition: opacity 0.5s ease;
}
.opacity{
	opacity: 1;
	z-index: 1000;
	transition: opacity 1s ease;
}
.backgroundWhite{
	background-color: rgba(255,255,255,0.9);
}


.textjustify{
	text-align: justify;
}







a.tel:hover{
	text-decoration: none;
	color: rgba(237,20,133,1);
}

div[data-menu="menus-scroll"] {
	transition: margin-left 0.5s, width 0.5s, box-shadow 0.5s;
}





/*ol { counter-reset: item; }
ol li { 
	display: block;
	margin-top:5px;
}
ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	margin-right: 20px;

}*/