/*---------------------------*/
/*-----SMALLER THAN 1280-----*/
/*---------------------------*/

@media screen and (max-width: 1280px) {

	.container {
		width: 100%;
		padding: 0 2%;
	}

	header .container {
		padding: 40px 2%;
	}
}


/*---------------------------*/
/*-----SMALLER THAN 1024-----*/
/*---------------------------*/

@media screen and (max-width: 1024px) {

	.col70 {
		width: 100%;
		margin: 0 0 40px 0;
	}

	.col30 {
		width: 100%;
	}

	.col30 .button.large {
		float: left;
		width: 48%;
		margin: 0 1% 20px 1%;
	}

	.col30 .social {
		float: left;
		margin-top: 20px;
	}
}

/*--------------------------*/
/*-----SMALLER THAN 782-----*/
/*--------------------------*/

@media screen and (max-width: 782px) {

	.container {
		padding: 0 3%;
	}

	header .container {
		padding: 30px 3%;
	}

	.col30 .button.large {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}
}

/*--------------------------*/
/*-----SMALLER THAN 480-----*/
/*--------------------------*/

@media screen and (max-width: 480px) {

	.container {
		padding: 0 4%;
	}

	header .container {
		padding: 30px 4%;
	}

	.form-field {
		width: 100%;
		margin-right: 0;
	}
}