* {
    box-sizing: border-box;
}


html, body {
    background-color: #081342;
    color: #fff;
    font-family: 'Avenir LT Std';
    height: 100%;
    margin: 0px auto;
}

.bg-af-p {
    background-color: #081342;
    color: #fff;
}

.bg-af-s {
    background-color: #ffd600;
    color: #222;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}


.pad-t-10 {
    padding-top: 10px;
}

.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pad-lr-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pad-l-15 {
    padding-left: 15px;
}

.pad-r-15 {
    padding-right: 15px;
}

.flex-principal {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.flex-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.flex-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}