index.scss

$secundary-color: #EE6E73;

@import "node_modules/materialize-css/sass/materialize.scss";

body {
	color: black;
	font-family: Montserrat;
}

.responsive-img {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: 20px;
}

.iphone {
	max-width: 100%;
	max-height: auto;
}

.site-footer {
	text-transform: uppercase;
	font-size: 12px;
}

.login-box,
.signup-box {
	background-color: white;
	border-radius: 3px;
	padding: 10px 0;
	text-align: center;
}

.eatnsplit {
	font-family: 'Oleo Script' !important;
	font-size: 42px;
}

.signup-form {
	width: 65%;
	margin: 0 auto;
	color: $secundary-color;
}

.signup-form h2 {
	color: red;
	font-size: 1.2em;
}

.signup-form .btn.btn-fb {
	background-color: $secundary-color;
	font-size: .8em;
}

.signup-form .btn.btn-fb:hover {
	background-color: pink;
}


.signup-form .btn.btn-signup {
	background-color: $secundary-color;
	color: white;
}

.l-signin {
	color: $secundary-color;
}

.dropdown-button {
	background-color: $secundary-color;
	color: white;
}

.dropdown-button:hover {
	background-color: pink;
	color: black;
}

.timeline {
	padding: 30px 0;
}

.landing {
	margin: 30px auto;
}

.content {
	height: 100%;
}

.timeline {
	padding: 0;
}

.row .col.offset-l3 {
	margin-left: 15%;
	width: 70%;
}