Can't set background


#1

Im trying to set the background image of my app and it wont work. I cant even set the color for some reason, any idea why?
my index.html file looks like this:

<!DOCTYPE html>
<html ng-app="ionicApp">

  <head>
    <meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<title></title>

		<link href="lib/ionic/css/ionic.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

		<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
		<link href="css/ionic.app.css" rel="stylesheet">
		-->

		<!-- ionic/angularjs js -->
		<script src="lib/ionic/js/ionic.bundle.js"></script>

		<!-- cordova script (this will be a 404 during development) -->
		<script src="cordova.js"></script>

		<!-- your app's js -->
		<script src="js/app.js"></script>
  </head>

  <body>
    <ion-nav-view></ion-nav-view>
  </body>
</html>

my app.js :

var app = angular.module('ionicApp', ['ionic']);

app.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider.state('home', {
    url: '/',
     templateUrl: 'templates/portal.html'
  })
  
  $urlRouterProvider.otherwise('/')
});
app.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
});

my portal.html:

<div clas="portal-bg">
	<div class="portal-quote">
		<p>
			Gah
		</p>
	</div>
	
	<div class="portal-logo">
		<img src="img/logo.png" />
	</div>

	<div class="list list-inset">
		<label class="item item-input">
			<input type="email" placeholder="e-mail">
		</label>
		<label class="item item-input">
			<input type="password" placeholder="password">
		</label>
	</div>
	<div class="row">
		<div class="col col-offset-33">
			<button class="button button-dark">
				Sign In
			</button>
		</div>
		<div class="col">
			<button class="button button-dark">
				Sign Up
			</button>
		</div>
	</div>
</div>

my css:

    .portal-bg {
	background-image: url('../img/home-bg.png');
	background-attachment: fixed;
	background-size: cover;
}
.portal-quote{
	font-size:30px;
	margin-top:10%;
	text-align: center;
	
	
}
.portal-logo{
	margin-left: 40%;
	margin-top:5%;
}
.portal-logo img{
	width:30%;
	height:auto;
}

#2

Try using !important flag on the css you are overriding.