/* CSS Document */

body {
    background-color: black;
    margin: 0;
}

.animWrapper {
    top: 0 !important;
    position: relative;
    background-color: #f2f2f2;
}

.portfolioWrapper {
    top: 0 !important;
    position: relative;
    background-color: white;
}

#logo-inspire-anim {
    width: 64px;
    height: 64px;
    margin-right: 32px;
}

.canvas {
    width: 100% !important;
    height: auto;
}

#frontpage-canvas {
    background-color: #f2f2f2;
}

#what-is-postal-canvas {
    background-color: white;
}

.animated-mobile {
    text-align:center;
}
section.animation h2 {
    font-size: 2rem;
    font-weight: 400;
}

.category-icon-mobile  {
    max-width: 128px;
    max-height: 96px;
    margin-bottom:16px;
}

.feature-icon-mobile  {
    max-width: 128px;
    max-height: 64px;
}

.row-flex  {
     display: -webkit-box;   /* iOS 6-, Safari 3.1-6 */
     display: -moz-box;      /* Firefox 2-21 */
     display: -ms-flexbox;   /* IE 10+ */
     display: -webkit-flex;  /* Chrome 4-20 */
     display: flex;          /* Chrome 21+, Firefox 20+, Opera 12.1 */
     /* vertically centre with old flexbox */
     -webkit-align-items: center;
     -moz-box-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     /* vertically centre with new flexbox */
     align-items: center;
     justify-content: center;
 }

.text-v-align  {
    margin-bottom:auto;
    margin-top:auto;
}

.margin-feature {
    margin-top:12px;
    margin-bottom:12px;}

.text-white {
    color: white;
}

.bg-orange2 {
    background: #F07D23; }

.bg-light-blue {
    background: #05b9f0; }

/*.nav > li .active  > a{
    background-color: #3a2665;
    color: #ffffff;
}*/

.margin-postal-feature {
    margin:25px; }

.postal-title {
    font-weight: bold;
    margin-bottom:10px;
}