/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.col-1 {
		width:70%;
	}
	.col-2 {
		width:30%;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.col-1 {
		width:10%;
	}
	.col-2 {
		width:90%;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.col-1 {
		width:100%;
	}
	.col-2 {
		width:100%;
	}
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

	/**/
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

	/**/
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

	/**/
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	/**/
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	/**/
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}