@font-face 
{
    font-family: 'Gotham';
    src: url('fonts/gotham.woff2') format('woff2'),
         url('fonts/gotham.woff') format('woff'),
		 url('fonts/gotham.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Vision-Bold';
         url('fonts/vision-bold-webfont.woff2') format('woff2'),
		 url('fonts/vision-bold-webfont.woff') format('woff'),
		 url('fonts/vision-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body
{
  background-color:#888888;
  color:#000000;
  margin: 0px;
  padding: 0px;
  font-family: Gotham, san-serif;
}
#container
{
  position: absolute;
  min-height: 1920px;
  display: block;
}
#logobar
{
	position: fixed;
	top: 0px;
	height: 100px;
	background-color:#FFFFFF;
}
#website
{
	position: fixed;
	top: 0px;
	min-height: 710px;
	min-width: 1080px;
	background-color:#FFFFFF;
}
#tworowicons
{
  position: fixed;
  //top: 1210px;
  top: 0px;
  min-height: 710px;
  min-width: 1080px;
  background-color: #0078B3;
  display: block;
}
#icongroup1
{
  position: absolute;
  top: 55px;
  left: 100px;
  width: 220px;
  height: 290px;
}
#icongroup2
{
  position: absolute;
  top: 55px;
  left: 430px;
  width: 220px;
  height: 290px;
}
#icongroup3
{
  position: absolute;
  top: 55px;
  left: 760px;
  width: 220px;
  height: 290px;
}
#icongroup4
{
  position: absolute;
  top: 390px;
  left: 100px;
  width: 220px;
  height: 290px;
}
#icongroup5
{
  position: absolute;
  top: 390px;
  left: 430px;
  width: 220px;
  height: 290px;
}
#icongroup6
{
  position: absolute;
  top: 390px;
  left: 760px;
  width: 220px;
  height: 290px;
}
.icon
{
  position: absolute;
  top: 0px;
  width: 220px;
  height: 220px;
}
.icontext
{
  position: absolute;
  top: 186px;
  color: #FFFFFF;
  min-width: 220px;
  font-size: 42px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
#onerowicons
{
  background-color:#0078B3;
}