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

@font-face{	font-family: "CustomFont";
src: url("INS-BASIC.woff") format("woff"),url("INS-BASIC.otf") format("opentype");}
* {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
:root{

    --content-font: "CustomFont";
}

body {
	margin-left: auto;
	margin-right: auto;
	background: #fffff;
	font-family: "CustomFont";
	font-size: 24px;
	color: #000000;
	font-weight: normal;
}

img {
  max-width: 100%;
  height: auto;
  image-rendering: auto;
}


.back {
	width: 200px; 
	height: 40px;
	margin-bottom: 32px;
}

.arrow-w{
	
  fill: #000000;
}

.arrow-w:hover{
  fill: #cccccc;
}


.arrow:hover{
	align-content: center;
  fill: #cccccc;
}



.top {
	width: 40px; 
	height: 200px;
	margin-bottom: 16px;
}

header {
	padding: 32px;
}



img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

footer {
	padding: 32px 0px;
	background-color: #ffffff;
	height: 350px;
}




main{
	padding: 0px 20px 0px 20px;
}






section{
	background-image: url(images/sectiontest.jpg);
	background-size: cover;
	padding: 32px 0px 32px 0px;
	color: #FFFFFF;
	text-align: left;
	height: 350px;
}

.flex-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.flex-item{padding:1px}.flex-item.b{width:468px;height:468px}.secflex{height:auto;background-color:#ffffff}

.image-8{
	height:233px;
    width:233px;
}