[class^='col='] {
	padding: 0;
	text-align: center;
}

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


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

.col-2of10 {
	width: 20%;	
}

/* standard 2-column */
.col-3of10 {
	float: left;
	width: 60%;
	padding-left: 2%;
}

/* website title*/
.col-title {
	float: left;
	width: 70%;
	text-align: right;
}

/* top button for booking tee time */
.col-button {
	float: right;
	width: 20%;
	padding-right: 2%;
	padding-top: 45px;
	text-align: right;
}

/* full width column */
.col-full {
	position: center;
	width: 100%;
}

/* use for splitting into 1/3 */
.col-thirds {
	display: inline-block;
	width: 32%;
	padding: 0%;
}

/* controls main home page text under icons */
.col-thirds h4 {
	padding-left: 5%;
}

.col-quarters {
	display: inline-block;
	width: 22%;
	padding: 1%;
}

/* controls footer icon */
.col-footer {
	float: right;
	width: 30%;
	padding-right: 2%;
	margin-top: 25px;
}

.col-4of10 {
	float: left;
	width: 60%;
	padding-top: 3%;
}

.col-5of10 {
	display: inline-block;
	width: 48%;
	padding: 1%;
}

.infofield {
	padding-left: 2rem;	
	display: inline-block;
	width: 50%;	
	
}

.col-fieldset {
	display: inline-block;
	width: 48%;
	padding: 2rem;
}

.col-fieldset-full {
	display: inline-block;
	width: 100%;
	padding: 2rem;
}

.col-6of10 {
	float: right;
	width: 30%;
	padding-right: 2%;
}

.col-7of10 {
	float: right;
	width: 45%;
	padding-right: 2%;
	padding-top: 5%;
}

.col-icons {
	float: right;
	width: 45%;
	padding-right: 2%;
	padding-top: 5%;
	display: block;
}

/* Standard 1-column grid size */
.col-8of10 {
	width: 100%;
	padding-right: 3%;
	padding-left: 3%;
}

.col-coursetext {
	width: 48%;
	padding-right: 3%;
	padding-left: 3%;
}

.col-hometext {
	width: 48%;
	padding-right: 3%;
	padding-left: 3%;
}

.col-buttoncenter {
	width: 66%;
	padding-right: 3%;
	padding-left: 3%;
	float: center;
}

.col-image {
	float: left;
	width: 75%;
	padding-right: 3%;
	padding-left: 3%;
}

.col-5of10R {
	width: 49%;
	padding: 1%;
	float: right;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 45px;
}

.col-5of10L {
	width: 49%;
	padding: 1%;
	float: left;
}

/* spacing and margin variations*/
.col-spacing-top {
	padding-top: 1%;
}

.col-spacing-top2 {
	padding-top: 3%;
}

.col-spacing-top3 {
	padding-top: 1rem;
}

.buttonmargintop {	
	margin-top: 2rem;
}

.buttonpaddingbottom {	
	padding-bottom: 2rem;
}

.col-spacing-bottom {
	padding-bottom: 1%;
}

.col-spacing-left {
	padding-left: 1rem;
}

/* grid style for the google maps*/
.col-map {
	width: 100%;
	padding-right: 2%;
	padding-left: 3%;
}

/* responsiveness */
@media (max-width: 700px) {
	.col-5of10 {
		width: 100%;
	}

	.col-5of10L {
		width: 100%;
	}

	.col-5of10R {
		width: 100%;
	}

	.col-hometext {
		width: 100%;	
	}

	.col-fieldset {
		width: 100%;
	}

	.col-coursetext {
		width: 100%;
	}

	.col-title {
		width: 100%;
		display: block;
		text-align: center;
		padding-left: 0px;
	}

	.col-button {
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 0px;
	}

	

	.col-icons {
		
	}

}

/* responsiveness */
 @media screen and (max-width:525px) {
    .menu { 
       	display: block;
       	max-width: 100px;
       	height: 240px;
    }

    .menu li {
    	padding-top: 10px;
    	float: none;
    }

    .col-hometext {
		width: 100%;	
	}

    .menu a {
    	float: none;
    }

    .col-coursetext {
		width: 100%;
	}
    
	.col-2of10 {
		width: 100%;
	}

	.col-3of10 {
		width: 100%;
		display: inline;
		text-align: center;
	}

	.col-fieldset {
		width: 100%;
	}

	.col-title {
		width: 100%;
		display: block;
		text-align: center;
		padding-left: 0px;
	}

	.col-button {
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 0px;
	}

	.col-thirds {
		width: 100%;
		display: inline;
		text-align: center;
		padding-left: 20%;
	}

	.col-full {
		position: center;
		width: 90%;
		padding-left:1%;
	}

	.menu li {
		padding-left: 65px;
	}

	.menu ul {
		margin-left: 175px;
	}

	.col-4of10 {
		width: 100%;
	}

	.col-5of10 {
		width: 100%;
	}

	.col-6of10 {
		width: 100%;
		display: inline;
		text-align: center;
	}

	.col-weather {
		width: 90%;
	}


	.col-7of10 {
		width: 100%;
	}

	.col-5of10L {
		width: 100%;
	}

	.col-5of10R {
		width: 100%;
	}
	.col-8of10 {
		width: 100%;
	}

	.col-map {
		width: 100%;
	}
	.col-image {
		width: 100%;	
	}

	.col-buttoncenter {
	width: 100%;	
	}
}