@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);body{margin:0;padding:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;background-color:#f5f5f5;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700}*{box-sizing:border-box}.container-md{height:100%;width:100%;min-width:500px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto auto;grid-template-areas:"navbar navbar navbar" ". main ." "footer footer footer" "social social social";grid-row-gap:0;grid-column-gap:10px;background-color:#f5f5f5}app-navbar{grid-area:navbar}router-outlet+*{grid-area:main}app-footer{grid-area:footer}app-social{grid-area:social}@media (max-width:991px){.container{grid-template-columns:1fr;grid-template-areas:"navbar" "main" "footer" "social";grid-template-rows:auto 1fr minmax(70px,auto) auto}}