/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin,latin-ext);

body {
font-family:"Roboto", sans-serif;
font-weight:400;
}

/* variables */
:root {
--body-text: #29292f;
--body-background: #f6f6f9;
--box-background: #fff;

--primary: #ef4456;
--primary-active: #e21329;
--secondary: #161c44;
--secondary-active: #111636;

--white: #fff;
--grey-light: #f8f8f8;
--grey-mid: #eeeeee;
--grey-dark: #dcdcdc;

--red: #e74c3c;
--yellow: #f1c40f;
--green: #25b060;

--info: #3498db;
--info-active: #2980b9;
--success: #2ecc71;
--success-active: #27ae60;
--warning: #f1c40f;
--warning-active: #f39c12;
--error: #e74c3c;
--error-active: #c0392b;
}

.container {
max-width:#;
}
@media (min-width:768px) {
	.container {
	max-width:#;
	}
}
@media (min-width:992px) {
	.container {
	max-width:#;
	}

}
@media (min-width:1200px) {
	.container {
	max-width:#;
	}
}
@media (min-width:1440px) {
	.container {
	max-width:#;
	}
}