style.css

/* change to mobile at 750 */

/* PC */

#mainItem
{
	width:100%;
}

.secondaryItems
{
	width:calc(100% - 16px);
	font-size:0;
	position:absolute;
	top:75px;

}

.col12, .col6, .col4, .col3, .col1, .navigation
{
	border-style: solid;
    border-width: 2px;
    border-color: white;
}

.col12
{
	width:8.33%;
}

.col6
{
	width:16.66%;
}

.col4
{
	width:25%;
}

.col3
{
	width: calc(33.333333333333% - 4px);
    float: left;

 }

.col1
{
	width: calc(100% - 4px);
    float: left;

}

img
{
	width:100%;
	margin:0px;
	padding:0px;
}



.navigation
{
	position:absolute;
	background:green;
	width:calc(100% - 20px);
	height:75px;
	

}

.navigationInner
{
	position:relative;
	left:20%;
	width:60%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.navItems
{
	padding-top: 25px;
}