.logo {
    position: relative;
}

.logo-inner {
    width: 100%;
    height: 100%;
}

.logo-outer{
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}


/* DEFAULT CREST */

.default-crest-outer{
    -webkit-mask: url(/img/crests/default/outer_crest.svg) no-repeat center;
    mask: url(/img/crests/default/outer_crest.svg) no-repeat center;
}

.default-crest-inner-blank {
    -webkit-mask: url(/img/crests/default/inner_crest_blank.svg) no-repeat center;
    mask: url(/img/crests/default/inner_crest_blank.svg) no-repeat center;
}

.default-crest-inner-striped-vertical{
    -webkit-mask: url(/img/crests/default/inner_crest_striped_vertical.svg) no-repeat center;
    mask: url(/img/crests/default/inner_crest_striped_vertical.svg) no-repeat center;
}
.default-crest-inner-striped-horizontal{
    -webkit-mask: url(/img/crests/default/inner_crest_striped_horizontal.svg) no-repeat center;
    mask: url(/img/crests/default/inner_crest_striped_horizontal.svg) no-repeat center;
}


/* CIRCLE CREST */

.circle-crest-outer{
    -webkit-mask: url(/img/crests/circle/outer_crest_circle.svg) no-repeat center;
    mask: url(/img/crests/circle/outer_crest_circle.svg) no-repeat center;
}

.circle-crest-inner-blank {
    -webkit-mask: url(/img/crests/circle/circle_inner_crest_blank.svg) no-repeat center;
    mask: url(/img/crests/circle/circle_inner_crest_blank.svg) no-repeat center;
}

.circle-crest-inner-striped-vertical{
    -webkit-mask: url(/img/crests/circle/circle_inner_crest_striped_vertical.svg) no-repeat center;
    mask: url(/img/crests/circle/circle_inner_crest_striped_vertical.svg) no-repeat center;
}
.circle-crest-inner-striped-horizontal{
    -webkit-mask: url(/img/crests/circle/circle_inner_crest_striped_horizontal.svg) no-repeat center;
    mask: url(/img/crests/circle/circle_inner_crest_striped_horizontal.svg) no-repeat center;
}