/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.banner__text .h1, .banner__text .banner__title {
    font-size: 2.5rem;
	font-family: Roboto Condensed;
    letter-spacing: .025em;
    font-size: 2.5rem;
    font-weight: 300;
    color: #fff;
    margin: 1rem auto;
    text-transform: uppercase;
    line-height: 1.1;
}

.banner__caption h1{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

.block-category.hidden-sm-down{
    display: block !important;
}

.block-category.hidden-sm-down #category-description{
    display: none;
}

@media (min-width: 768px){
	.banner__text .h1, .banner__text .banner__title {
	    font-size: 4.5rem;
	}

    .block-category.hidden-sm-down{
        display: block !important;
    }
    .block-category.hidden-sm-down #category-description{
        display: block;
    }
}

.header {
    flex-direction: column;
}

@media (min-width: 1260px) {
    .header {
        height: 140px;
    }
    .header .top-menu-wrapper{
        display: flex;
        justify-content: flex-end;
    }
}

@media (min-width: 1260px) {
    #top-menu>.category.menu-item>.submenu {
        top:140px;
    }
}