html,body {
    font-family:"Proxima Nova Rg";
	color:#1569c2;
    padding:0;
    margin:0;
	font-size:12pt;
}

* {
    box-sizing:border-box;
}

.responsive {
    position:relative;
    min-width:315px;
    width:100%;
}
.cleardiv {
	clear:both;
	height:10px;
}
.page {
    position:relative;
    margin:0 auto;
	min-height:99%;
    width:100%;
	overflow:hidden;
}

#header {
	position:fixed;
	display:block;
	height: 75px;
	top:15px;
	width: 100%;
	z-index:10000;
}


.menu_a {
	display:block;
	width:95%;
	margin-left:2%;
	top:0;
	transition: top 0.3s;
	
}


.logo_icon {
	display:flex;
	float:left; 
}

.logo_icon img {
	width:75px;
}

.logotype {
	width:75px;
	height:100%;
	background-image:contain;
	
}

.menu_b {
	float:right;
	height:100%;
	margin:0;
	padding-top:25px;
	
}

.menu_b a {
	display:table;
	text-decoration:none;
	height:100%;
	padding:0 20px;
	float:left;	
}
.menu_b a li {
	display:table-cell;
	height:100%;
	vertical-align:top;
	list-style-type: none;
	margin-right:2%;
	color:#1569c2;
}

#arrow {
	position:relative;
	width:30px;
	min-width:30px;
	left:-5px;
	top:-3px;
}

#arrow img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.rectangle {
	position:fixed;
	background-size:contain;
	background-image: url(img/rectangle.png);
	background-repeat:no-repeat;
	display:block;
	width:60vw;
	min-width:1200px;
	height:80%;
	min-height:900px;
	margin-left:20vw;
	top:7%;
	z-index:1000;
	
}

.section  {
	position:relative;
	display:inline-block;
	height: 100vh; 
	min-height:1000px;
	width:100vw;
	
}

.headline_home {
	position:relative;
	color:#1569c2;
	text-align:center;
	top:35%;
	z-index:10000;
	
}
.headline_home h1 {
	font-weight:normal;
	font-size:5rem;
}
.s2 , .s3 , .s8 {
	background-color: #f5cb02;
}

.part_content {
	position:relative;
	display:flex;
	height:60%;
	
	width:60%;
	max-width:1200px;
	margin:0 auto;
	top:18%;
	z-index:10000;
}

.pcontent_left , .pcontent_right , .dcontent_left , .dcontent_right {
	height:100%;
	width:50%;
}
.pcontent_left , .dcontent_left {
	padding-top:12%;
}

.pcontent_right , .dcontent_right {
	padding-top:25%;
	padding-left:10%;
}
.pcontent_left h2 , .dcontent_right h2 {
	font-size:4em;
	margin:0;
}

.pcontent_right p , .dcontent_left p {
	font-size:1.5em;
	line-height:1.7em;
	margin:0;
}

.team_content {
	position:relative;
	display:flex;
	height:60%;
	width:50%;
	max-width:800px;
	margin:0 auto;
	top:25%;
	z-index:10000;
}
.pic_radius {
    width: 110px;
    height: 110px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	margin:0 auto;
}
.person_pic {
  margin: 0 auto;
  height: 100%;
  width: auto;
  background-repeat:no-repeat;
  background-size:contain;
}
.person_content , .person_content2 , .person_content3 , .person_content4 {
	height:100%;
	width:25%;
}

.person_content2 {
	padding-top:12%;
}
.person_content3 {
	padding-top:27%;
}

.person_content4 {
	padding-top:42%;
}


.person_content p , .person_content2 p , .person_content3 p , .person_content4 p {
	text-align:center;
	font-size:1.5em;
}

.outbox_content {
	display:table;
	width:100%;
	height:100%;
	padding-top:5%;
	padding-bottom:10%;
	
}

.outbox_left {
	float:left;
	display:table-cell;
}
.outbox_left p {
	font-size:12vw;
	color:#f5cb02;
	margin:0;
}

.outbox_right {
	float:right;
	display:table-cell;
}
.outbox_right p {
	font-size:12vw;
	color:#f5cb02;
}

.portfolio {
	position:relative;
	width:100%;
	padding-top:12%;
	
}

.client_pic {
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	max-width:1000px;
	height:100%;
	min-height:600px;
	background-size:contain;
	margin:0 auto;
	
}

#arrow_down {
	position:relative;
	width:50px;
	min-width:50px;
	top:10%;
}


#arrow_down img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fullpage {
	overflow:hidden;
	height:100vh;
}
.slideshow-container {
	display:flex;
	position:relative;
}
.slideshow-container a {
	width:100%;
	max-width:1000px;
	height:100%;
	min-height:600px;
	cursor:pointer;
}