.container-full { max-width: 100% }
.container-lg { max-width: 1800px; }
.container-md { max-width: 1600px; }
.container-sm { max-width: 1440px; }
.container-xs { max-width: 800px; }

/*code sample*/
.bd-tile { margin:15px;}
.bd-tile-header, .bd-tile-footer { padding: 15px }
.bd-tile-body { padding: 15px }
.bd-main{padding:0}
.bd-side { background-color: #80bdff; padding: .5rem }
.bd-fluid { background-color: #957bbe; padding: .5rem }
.bd-one-col{width:auto}

.bd-container { margin: 0 auto }
.bd-container-flex { display: flex }
.bd-container-flex .tile { flex: 1 }
.bd-container-flex .tile-lg { flex: 0 0 600px }
.bd-container-flex .tile-md { flex: 0 0 400px }
.bd-container-flex .tile-sm { flex: 0 0 300px }
.bd-container-flex .tile-xs { flex: 0 0 200px }



/*UI*/
.pagelayout { display: flex; justify-content: center; align-items: center; flex-direction:column}
.pagelayout img { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); width:350px; margin-top:1rem;}