[class*="col-"] 
{
	float: left;
	padding: 0;
}

.grid:after 
{
	content: "";
	display: block;
	clear: both;
}

*, *:after, *:before 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/***********************************************

        Main
            
***********************************************/
.col-1of1
{
	width: 100%;
}

.col-1of2-left
{
	width: 30%;
	padding-right: 0.5rem;
	position: fixed;
}

.col-1of2-right
{
	width: 50%;
	position: relative;
	float: right;
	margin-right: 5rem;
}

@media (max-width: 980px) 
{
	.col-1of2-left 
	{
		width: 100%;
		position: relative;
    }
	
	.col-1of2-right 
	{
		width: 100%;
		float: left;
    }
}

/***********************************************

        Left Side
            
***********************************************/
.col-1of1-logo
{
	width: 20%;
	min-width: 100px;
	max-width: 100px;
}

.col-1of1-header
{
	width: 100%;
	min-width: 280px;
	max-width: 280px;
}

.col-1of1-navigation
{
	width: 100%;
	min-width: 280px;
	max-width: 280px;
}


.col-1of3-nav-btn-small
{
	width: 80px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
}

.col-1of3-nav-btn-large
{
	width: 100px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
}

/***********************************************

        About Me
            
***********************************************/
.col-1of1-skills
{
	width: 50%;
}

@media (max-width: 485px) 
{
	.col-1of1-skills 
	{
		width: 100%;
		position: relative;
    }
}