@font-face {
    font-family: 'Roboto';
    src: local('0'), url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

#brand-showcase {
  	width: 100%;
}

h1, p {
    font-family: 'Roboto', sans-serif;
  	color: #000;
}

#site-header {
    text-align: center;
    background: #FFF;
}

#site-header .navbar-brand {
    color: #FFF;
}

#content-header {
    text-align: center;
}

#main {
    display: flex;
    flex-direction: column;
  
 	background: #FFF;
	/*box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.2);*/
}

.grid {
    text-align: center;
}

.col h3 {
    font-weight: 100;
}

.page-footer .footer-copyright {
    background: #0A223f;
    color: #FFF;
}