/**************
TARTE BM STYLES
***************/

/***** Bootstrap Media Queries *****/
/*

// Small screen / tablet
//** Deprecated `$screen-sm` as of v3.0.1
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;

// Medium screen / desktop
//** Deprecated `$screen-md` as of v3.0.1
$screen-md:                  1025px !default;
$screen-md-min:              $screen-md !default;

// Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;
$screen-sm-max:              ($screen-md-min - 1) !default;
$screen-md-max:              ($screen-lg-min - 1) !default;

*/

/* CUSTOM CONTENT COLORS */

.color-ochre {
	color: #f9e8ad;
}

.color-white {
	color: #fff;
}

.color-ebony {
	color: #04080f;
}

.bg-color-foundation {
	background-color: #ffead9;
}

.fill-white {
	fill: #fff;
}

.fill-ebony {
	fill: #04080f;
}

.gradient-purple {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+16,c5a7e1+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 16%, #f0e8f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 16%,#f0e8f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 16%,#f0e8f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0e8f6',GradientType=0 ); /* IE6-9 */
}



/* HOMEPAGE */

.hp-hero-one-alt {
    width: 70%;
    margin: 8% 0 0 60px;
}

.hp-hero-one-alt h1 {
    color: #fff;
    margin: 25% 0 10px;
}
@media only screen and (min-width: 768px) {
	.hp-hero-one-alt h1 {
        margin: 25% 0 30px;
    }
}

.hp-hero-one-alt .left, .hp-hero-one-alt .right {
    float: left;
    vertical-align: top;
}

.hp-hero-one-alt .left {
    width: 45%;
    margin-right: 1%;
}
@media only screen and (max-width: 767px) {
	.hp-hero-one-alt .left {
        width: 47%;
        margin-right: 1%;
    }
    .color-ebony {
        color: #532d6b;
    }

    .fill-ebony {
        fill: #532d6b;
    }
}

.hp-hero-one-alt .right {
    width: 28%;
}
@media only screen and (min-width: 768px) {
	.hp-hero-one-alt .right {
        width: 30%;
    }
}

.hp-hero-one-alt .right img {
	width: 100%;
}

.hp-hero-one-alt .btn-cta {
    display: block;
}

.hp-hero-one-alt .type-cta-text {
    font-size: 14px;
}
@media only screen and (max-width: 767px) {
	.hp-hero-one-alt .type-cta-text {
        font-size: 12px;
    }
}