html{
 background-color: rgb(255,250,250);
 color: rgb(38,50,56);
 font-family: 'Roboto Condensed', sans-serif}

body{
 display: flex;
 min-height: 100vh;
 flex-direction: column}

nav ul a{
 color: rgb(38,50,56)}

main{
 flex: 1 0 auto}

h6{
 margin-bottom: 2rem}

.breadcrumb,
.breadcrumb:before{
 color: rgba(38,50,56,0.7)}

.breadcrumb:last-child,
.note{
 color: rgb(38,50,56)}

/*.btn-floating{
 background-color: rgb(238,110,115)}

.btn-floating:hover{
 background-color: rgb(238,110,115)}*/

.btn-floating i{
 color: rgb(38,50,56)}

.icon{
 width: 100%}
 
.icon i{
 color: rgb(238,110,115);
 display: block;
 margin: 2.5rem 0}

.icon-caption{
 font-size: 2rem;
 margin-bottom: 0}

.order{
 color: rgba(38,50,56);
 vertical-align: middle}

.order i{
 vertical-align: middle}

.page-footer{
 background-color: rgba(0,0,0,0.1);
 padding-bottom: 1rem;
 padding-top: 1rem}

.pagination{
 margin-bottom: 2rem}

.tabs{
 background-color: transparent;
 margin-bottom: 2rem}

.tabs .tab a{
 color: rgba(38,50,56,0.7)}

.tabs .tab a:focus,
.tabs .tab a:focus.active{
 background-color:transparent}

.tabs .tab a:hover,
.tabs .tab a.active{
 color: rgb(38,50,56)}

.x-large{
 font-size: 9rem}

#datas table{
 margin-bottom: 3rem}

#pictures .row .col{
 padding: 0.5rem}

#statistics .icon .icon-caption{
 font-size: 1.5rem}

#statistics .row .col{
 padding: 0 1.5rem}