

@font-face {
    font-family: 'BrandonLight';
    src: url('fonts/Brandon_light.eot');
    src: url('fonts/Brandon_light.eot?#iefix') format('embedded-opentype'),
    url('fonts/Brandon_light.woff2') format('woff2'),
    url('fonts/Brandon_light.woff') format('woff'),
    url('fonts/Brandon_light.ttf') format('truetype'),
    url('fonts/Brandon_light.svg#BrandonLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonRegular';
    src: url('fonts/brandon_reg-webfont.eot');
    src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('fonts/brandon_reg-webfont.woff') format('woff'),
         url('fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('fonts/brandon_reg-webfont.svg#BrandonRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BrandonBold';
    src: url('fonts/brandon_bld-webfont.eot');
    src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_bld-webfont.woff2') format('woff2'),
    url('fonts/brandon_bld-webfont.woff') format('woff'),
    url('fonts/brandon_bld-webfont.ttf') format('truetype'),
    url('fonts/brandon_bld-webfont.svg#BrandonBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BrandonBlack';
    src: url('fonts/brandon_blk-webfont.eot');
    src: url('fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('fonts/brandon_blk-webfont.woff') format('woff'),
         url('fonts/brandon_blk-webfont.ttf') format('truetype'),
         url('fonts/brandon_blk-webfont.svg#BrandonBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { font-family: 'BrandonLight'; font-size: 16.67px; }
h1, h2, h3, h4, h5, h6 {
    font-family: 'BrandonBold';
    font-size: 16.67px  !important; 
    text-transform: uppercase;
    letter-spacing:3px;
}
h2{ 
    font-size: 25px  !important; 
}
h3{ 
    font-size: 20.83px  !important; 
}
h5{    
    font-size: 14px  !important;     
}
h5.q_circle_title, h5.icon_title, h5.title_separator, .footer_top h5 {     
    font-size: 16.67px  !important;     
}
h5.icon_title {
 letter-spacing:2px;
}
h5.blockquote_text { 
    font-family: 'BrandonBlack'  !important;
    font-size: 14.6px  !important; 
    color:#d8d1d0  !important;
}

h5.portfolio_title {
font-size: 21px !important;
}

.drop_down .second ul li a{
font-family: 'BrandonLight'; 
font-size: 14.6px  !important; 
color: #727272  !important;
}
.drop_down .second ul li a:hover{ 
color: #f6bdaa !important;
}

.side_menu h5, .side_menu h6 {
font-family: 'BrandonBold';
font-size: 14.6px  !important; 
}

nav.main_menu > ul > li > a {
padding: 0px 12px !important;
font-family: 'BrandonBold';
font-size: 12.5px !important;
}

.footer_bottom ul li a {
font-family: 'BrandonRegular';
text-transform: uppercase;
font-size: 12.5px !important;
letter-spacing:2px;
}


.blog_holder article p{
font-family: 'BrandonRegular';
font-size: 14.5px !important;
color:#727272 !important;
}

.header-right-widget span{
font-family: 'BrandonRegular';
font-size: 12.5px !important;
text-transform: uppercase;
letter-spacing:2px;
}

.title.has_background {   
    background-position: center bottom;
}

.load_more a:hover{
 border: 2px solid #f6bdaa;
}

@media screen and (min-width: 801px){
.footer_top .column1 .column_inner{
padding-left: 10% !important;
}
}

@media screen and (min-width: 768px) and (max-width: 800px) {
 .custom_row_counter .vc_col-sm-3 {
    width: 50%;
 }
}

@media screen and (max-width: 768px) {
 aside.sidebar .widget h5 {
    word-wrap: break-word;
    letter-spacing: 0  !important;
 }

aside.sidebar .widget .smaller h5 {    
    font-size: 5px !important;
}

}

@media screen and (max-width: 480px) {
.footer_bottom ul li {
    display: block;
    margin-right: 0px;
}
}

@media screen and (max-width: 350px) {
header .q_logo a{
    height: 55px  !important;
}
}