/*---------------------------------------------------------------------------------------
Grid
---------------------------------------------------------------------------------------*/
*{
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
}

.vertical-align-wrap {
  width: 100%;
  height: 100%;
  display: table;
}

.vertical-align {
  
  display: table-cell;
}

.vertical-align--middle {
  vertical-align: middle;
}


.row {
	overflow: hidden;
}

.section{
	overflow: hidden;
}

.icon {
	padding: 0 15px;
}
	
.container {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
}

.main-wrapper {
	max-width: 600px;
	margin: auto;
}
.colour-wrapper {
	max-width: 660px;
	margin: auto;
	padding: 20px;
}

.main-container {
 	height: 100%;
 	padding-top: 5px;
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-left: 5px;
 	position: relative;
}

.contact {
	padding-bottom: 40px;
}



.col-12 {
	float: left;
	width: 100%;
	box-sizing: border-box;
}


@media all and (min-width: 420px) {
	
	.container {
		padding: 0 15px;
		
	}
}

@media all and (min-width: 330px) {

.main-container {
 	padding-top: 15px;
 	padding-right: 15px;
 	padding-bottom: 15px;
 	padding-left: 15px;
 	}

.colour-wrapper{
	padding: 30px;
}
}