/* 
    Website Developer: Karoline Dassie

    Main Colors:
    - Orange: #ff6623
    - Black: #1d1719 #262626
    - White: #fff
*/

/*==========================================================

    RESET

===========================================================*/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;	

    }
    ol, ul {list-style: none;}
    table{border-collapse:collapse; width:100%;}
    td{vertical-align:top;}

    svg:not(:root) {overflow: hidden;/*reset*/}

/*image replacement*/
    .hide-text {
        text-indent:  100%;
        white-space:  nowrap;
        overflow:  hidden;
        }	

    hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border-style: solid;
        height: 0;
        } 

    img { border: 0; max-width:100%;} 

    /* Make HTML 5 elements display block-level for consistent styling */  
    header, nav, article, footer, address { display: block;  } 

    /* Clearfix */
    .cf:before,.cf:after {content: " ";display: table;}
    .cf:after {clear: both;}
    .cf {*zoom: 1;}
    .clear{clear: both}
    /* clear floats */ 
    .group:before,
    .group:after {content: ""; display: table;} 
    .group:after {clear: both;}
    .group {zoom: 1;}	
    .clear { clear: both;}

    ::-moz-selection {
        background: #ff6623; 
        color: #fff;
        text-shadow: none;
    }
    ::selection {
        background: #262626;
        color: #fff;
        text-shadow: none;
    }

    html, body{
        -webkit-text-size-adjust: none; 
        -ms-text-size-adjust: 100%; 
        margin: 0;
        padding: 0;
        background: #ff6623!important;
        line-height: normal;
        font-family: 'Raleway', sans-serif; 
    }

/*==========================================================

    TYPOGRAPHY

===========================================================*/
    h1 { font-weight:700; color:#1d1719; font-size:30px; line-height:normal; margin-bottom:20px;  text-align: center; text-transform: uppercase}
	h2 { font-weight:900; color:#ff6623; font-size:28px; text-transform: uppercase;  border-bottom: 5px solid #ff6623; line-height: 70px;}
	h3 { font-weight:600; color:#fff; font-size:30px;   }
	h4 { font-weight:600; color:#ff6623; font-size:24px; margin-bottom: 10px }
	h5 { font-weight:900; color:#fff; font-size:16px; text-transform: uppercase; margin-bottom: 10px} 
    h6 { font-weight:800; color:#1d1719; font-size:14px; margin-bottom: 10px;}
    
    b{font-weight: 900}
	p, ul, ol, li { font-size: 14px; font-weight: 500; color: #5f5f5f; line-height: 26px; }

    a, button, .button, a:hover, button:hover, .button:hover, button.mobile_btn::after {
        -webkit-transition:all .45s ease;
        -moz-transition:all .45s ease;
        -ms-transition:all .45s ease;
        -o-transition:all .45s ease;
        transition:all .45s ease;
    } 

    a:link, a:visited, a:active {text-decoration:none; color: #1d1719}
    a:hover {text-decoration:none;}
    .column3 a{ color:#ff6623}

    .center{text-align: center!important}

    .address h4 a, .address h3 a{ color:#ff6623!important; }

    .invlist a{padding:5px 10px; margin: 5px 10px 5px 0;border: 1px solid #ccc;  display: inline-block; color:#1d1719; font-weight:600; font-size:16px; text-transform: uppercase; text-align: center}
    .invlist a:hover{color:#fff!important;background:#1d1719 }

/*==========================================================

    FRAMELESS INVENTORY STYLES

===========================================================*/
    .hosted-content h1{text-align: left}
    .hosted-content h2{font-size: 30px;}
    .hosted-content h5{font-size: 16px;text-align: left}

/*==========================================================

    LIST STYLE

===========================================================*/
    ul.list{margin:0; padding: 0 0 5% 7%;}
    ul.list li{font-size:16px;}
 
/*==========================================================

    LAYOUT STYLES

===========================================================*/

	.column1 {width:100%;}
	.column2 {width:47.5%; float:left; margin-right:5%; box-sizing: border-box; color:#fff;}
	.column3 {width:33.33333%; float:left; padding:0 20px; box-sizing: border-box;}
	.column4 {width:23%; margin-right:2%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
	
	.twothird{width:60%; float:left; padding-right: 30px; box-sizing: border-box;}
	.onethird{width:40%; float:left; box-sizing: border-box; }
	.dois-terco{width:70%; float:left; box-sizing: border-box;}
	.um-terco{width:30%; float:left; padding-right: 30px; box-sizing: border-box; }
    .margbtm{margin-bottom: 2em}

	.last{padding-right:0; margin-right:0!IMPORTANT;}
	.center{text-align:center}

    .wrapper{ width:85%; margin:0 auto; padding:0; max-width:1000px; position:relative}
    .container{width:100%;max-width:1000px;margin:0 auto;}

    .white{background:#fff;}
    .border-it{background:#fff;padding:15px;border:#ccc 1px solid;box-sizing: border-box;}
 
    .pad{padding:3em 0;}
    .padit{padding:1.5em 0;}

/*==========================================================

    HEADER STYLES 

===========================================================*/

    header{
        position:fixed;
        width:100%;
        margin:0;
        padding:0 ;
        background:#fff;
        z-index:999;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.6);
        box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.6);
    }

    #spaceheader{height:98px}
    .headerwrap{height:98px;width:96%;max-width:1000px;margin:0 auto;}
    .logo{float:left;width:30%;}
    .header-right{float:right;width:70%;}
    .address{text-align:right;padding:0px 0 15px;line-height: 20px;}

    .application{float:right;font-size:14px;text-transform:uppercase;padding:5px 20px 0;border-right:#1d1719 1px solid;margin-right:20px;}

    .address span a{
        font-size: 12px;
        padding: 5px 20px 5px 0;
        color: #1d1719;
        vertical-align: bottom;
        border-right: #1d1719 1px solid;
        margin-right: 20px;
        text-decoration:none;
    }

    .address span a:hover{color:#ff6623;}


/*==========================================================

    NAVIGATION

===========================================================*/
/* see menumaker.css for additional nav styles */


/*==========================================================

    SLIDESHOW

===========================================================*/
    .maingim{background: #000}
    .maingim img{display: block; width: 100%}

    .slides{background:#262626;padding:0;color:#fff;position:relative;}

    .cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
    .cycle-slideshow img{
        width:100%;
    }

    /* pager */
    .cycle-pager { 
        text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
    }
    .cycle-pager span { 
        font-family: arial; font-size: 50px; width: 16px; height: 16px; 
        display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
    }
    .cycle-pager span.cycle-pager-active { color:#2885b3;}
    .cycle-pager > * { cursor: pointer;}


/*==========================================================

    CONTENT STYLES

===========================================================*/

    iframe.mapa{border:0; width:100%; height: 630px; display: block}
    #graybg{background:#f1f2f1}
    
    #branlogos{float: left; width: 25%; text-align: center}
    #branlogos img {max-width: 180px; width:calc(100% - 40px);margin: 2% 0; padding: 20px;border: 1px solid #ccc;}

    .time h1{margin: 0; text-align: left}
    
    .product h4{margin:40px 0 5px 0}
    .product .column3 {padding: 0}

/*==========================================================

    HOME PAGE

===========================================================*/

/*  CALLOUT RIBBON */
.ribbon-blk{color:#fff;background:#000;position:relative;padding:15px 0;text-align:left;}    
.ribbon{color:#fff;background:#ff6623;position:relative;padding:15px 0;text-align:left;}
    .ribbon h2{
        padding:0;
        margin:0;
        display:inline-block;
        font-weight: 900;
        color: #fff;
        font-size: 28px;
        text-transform: uppercase;
        
        line-height: normal;
        border: 0
    }
    .ribbon p{font-size: 16px; font-weight: 400; color: #fff; padding:0 0;margin:0 10px;display:inline-block;}
    .ribbon a.appbutton{border:#fff 1px solid;}
    .ribbon a.appbuttoninv{border:#fff 1px solid;}
    .ribbon a.appbuttonprod{border:#fff 1px solid;}

    /*a.appbutton {background:#ff6623; padding:10px 0; color:#fff; border-radius:3px; line-height:1em; text-decoration: none;display: inline-block;  box-sizing: border-box;width: 22%; margin: 1%;text-align: center}*/
    a.appbutton {background:#ff6623; padding:10px 0; color:#fff; border-radius:3px; line-height:1em; text-decoration: none;display: inline-block;  box-sizing: border-box;width: 31%; margin: 1%;text-align: center}
    a.appbutton:hover{background:#262626; color:#fff; border-radius:3px;}

    a.appbuttoninv {background:#ff6623; padding:10px 0; color:#fff; border-radius:3px; line-height:1em; text-decoration: none;display: inline-block;  box-sizing: border-box;width: 31%; margin: 1%;text-align: center; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 15px}
    a.appbuttoninv:hover{background:#262626; color:#fff; border-radius:3px;}

    a.appbuttonprod {background:#ff6623; padding:10px 0; color:#fff; border-radius:3px; line-height:1em; text-decoration: none;display: inline-block;  box-sizing: border-box;width: 47%; margin: 1%;text-align: center; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 15px}
    a.appbuttonprod:hover{background:#262626; color:#fff; border-radius:3px;}




    a.morebutton {background:#ff6623; padding:10px 40px; color:#fff; border-radius:3px; line-height:1em; text-decoration: none;display: block; max-width: 200px; box-sizing: border-box; margin: 1.5em auto 0 auto; text-align:center; font-weight: 900}
    a.morebutton:hover{background:#262626; color:#fff; border-radius:3px;}

    article{background: #fff}

    .welcome{
        background:#fff;
        box-shadow:inset 0px -2px 3px 0px #ccc;
        position: relative
    }

   


   
    #blackbg{ background: #262626; }
    #blackbg p{color: #b8b8b8; text-align: left}
    #blackbg .last{text-align: left}
    #blackbg .twothird p{color: #fff}

    #darkgraybg{background:#515151}
    #darkgraybg p {color: #fff}
    #darkgraybg h1{color:#ff6623}
    .titulo h1{margin: 0 auto!important}

    img.blockimg{max-width: 250px; width: 100%}

/*==========================================================

    SCROLLING INVENTORY

===========================================================*/

    .scrolling-wrap {
        width:100%;
        height:90px;
        overflow:hidden;
        background: #fff;
        padding: 10px 0;
    }

    .scrolling{
        width:100%;
        height:92px;
    }


/*==========================================================

	ZOOM

==========================================================*/


    .image-zoom-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		max-width: 1500px;
		margin: 0 auto;
    }

    .square {
        width:23%;
		flex-grow: 1;
        margin:1%;
        border:#fff 1px solid;
		height: 120px; 	
    }

    .square h3 {
        display: block;
        text-align: center;
        margin:0 auto;
        padding: 15px 0;
        width: 100%;
        font-family: 'Open Sans', sans-serif; 
        text-transform: uppercase; 
        font-size: 17px;
    }
    
    .zoom-container {
        position: relative;
        overflow: hidden;
        display: block;
		height: 100%;
        width: 100%; 
        vertical-align: top;
        box-sizing: border-box;
    }

    .zoom-container img {
        display: block;
        width: 100%;
        height: 100%;
		object-fit: cover;
		object-position: center;
        transition: all .5s ease;
    }
    .zoom-container .zoom-caption {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background: rgba(0,0,0,0.4);
        -webkit-transition: all .5s ease; /* Safari and Chrome */
        -moz-transition: all .5s ease; /* Firefox */
        -ms-transition: all .5s ease; /* IE 9 */
        -o-transition: all .5s ease; /* Opera */
        transition: all .5s ease;
		display: flex;
		justify-content: center;
		align-items: center;
    }

    .zoom-container:hover img {
        -webkit-transform:scale(1.25); /* Safari and Chrome */
        -moz-transform:scale(1.25); /* Firefox */
        -ms-transform:scale(1.25); /* IE 9 */
        -o-transform:scale(1.25); /* Opera */
         transform:scale(1.25);
    }
    .zoom-container:hover .zoom-caption {background: none;}

    .hide-zoom-mobile{clear:both}



/*==========================================================

    FORM

===========================================================*/

    .order-form{display:block;background:#fafafa;padding:25px;}
    .order-form h4{padding-left:1%;}
    #formpage{padding:0;}
    form{ margin:0 0 0;}
    label{
        display:block;
        font-size:16px;
        padding-top: 4%;
        width:100%;
    }
    input{
        border: #ff6623 solid 1px;
        border-radius: 2px;
        padding: 2%;
        font-size:14px;
        box-sizing:border-box;
        margin:0 1% 10px;
        font-family: 'Raleway', sans-serif!important;
    }
    input.half{width:48%;float:left;}
    input.full{width:98%; padding: 2%;}

    input:focus, textarea:focus{outline-color: #000 }

    input.button2{
        display:block;
        width:100%;
        padding: 10px 0;
        margin:10px auto;
        background-color:#ff6623;
        color:#fff;
        border: 0;
        -webkit-transition:.3s ease-in;  
        -moz-transition:.3s ease-in;  
        -o-transition:.3s ease-in;  
        transition:.3s ease-in;
    }

    input.button2:hover{
        background-color:#4d4d4d;
        cursor:pointer;
    }

    select{
        border:#ff6623 solid 1px;
        border-radius: 2px;
        padding: 2%;
        font-size:14px;
        box-sizing:border-box;
        width:98%;
        margin:0 1% 10px;
        color:#969696;
    }
    select.half{width:48%;float:left;}

    textarea{
        font-family: 'Raleway', sans-serif;
        border: #ff6623 solid 1px;
        border-radius: 2px;
        padding: 1%;
        font-size:14px;
        width:98%;
        margin:0 1% 10px;
        box-sizing:border-box;
    }

    .CaptchaPanel {
        margin: 0px 0px 0px 0px !important;
        text-align: center;
        padding: 0px !important;
    }

    .CaptchaImagePanel,
    .CaptchaMessagePanel,  
    .CaptchaAnswerPanel, 
    .CaptchaWhatsThisPanel {
        margin:0px 0px 0px !important;
        font-size: 12px;
        color: #1d1719;
        text-align: left !important;
        font-weight:normal!important;
        padding:0px 0 0!important;
        box-sizing:border-box;
        }

    .CaptchaImagePanel{float:left;margin-right:10px !important;}
    .CaptchaMessagePanel{}
    #CaptchaAnswer{margin:5px 0; width:50%;}
    fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}



/*==========================================================

    FOOTER STYLES

===========================================================*/
    #foot{
        width: 100%;
        margin: 0 auto;
        background: #ff6623;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
    }
    #foot p{color: #fff}
    #foot h6 a:link{  color:#1d1719!important; }
    #foot a:link, #foot a:visited, #foot a:active, #foot{  color:#fff!important; }
    #foot a:hover{color:#fff!important}
    #foot .last{text-align: right}
    
/*==========================================================

    INV STYLES

===========================================================*/

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {-moz-border-radius: 0px !important;-o-border-radius: 0px !important;-webkit-border-radius: 0px !important;border-radius: 0px !important;}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ff6623 !important;}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#ff6623 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #ff6623 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #ff6623 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px; }
.list-content .list-title .list-title-text {text-align: left !important;}
.view-listing-details-link, .buy-now-link {color: #fff !important;}
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #515151 !important;}
.list-main-section .contact-options a {border: #515151 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}
.list-content .listing-portion-title { border-bottom: none !important;}
.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}
.dealer-name{color: black !important;}
.material-icons, .collapsible-content a {color:#fff!important;}
.detail-additional-data h3{color: black !important;}
#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {font-size: 12px !important; padding-top: 0 !important; width: auto !important;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input{width: auto !important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
input[type=checkbox] {background-color: initial;cursor: default;appearance: auto;box-sizing: border-box;margin: 3px 3px 3px 4px;padding: initial;border: initial;}
.column2 .fa{color: #fff !important;}


/*==========================================================

    RESPONSIVE STYLES

===========================================================*/

@media screen and (max-width: 1000px) {
    .wrapper{width:98%}
}

/* iPads (portrait and landscape) ----------- */
 
@media screen and (max-width: 1100px) {
    .padit{padding:1em 0;}
    .twothird{width: 100%;float: none;padding: 0;margin: 0 auto;text-align: center;}
    .onethird{width: 100%;float: none;padding: 0;margin: 20px auto 0 auto;text-align: center;}
    #blackbg p { text-align: center;}
    #blackbg .last { text-align: center;}
}

@media screen and (max-width: 910px) {
    /*a.appbutton {width: 47%;}
    a.appbuttoninv {width: 47%;}*/
    a.appbutton {width: 100%;margin: 1% auto; float: none;display: block}
    a.appbuttoninv {width: 100%;margin: 1% auto; float: none;display: block}
    
    .square{
        width:47%; 
    }

    .square h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 810px) {

    .column2 {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    .column3 {width: 100%;float: none;padding: 0;margin: 0 auto;text-align: center;}
    .column4 {width:50%; float:left; padding:0 ; margin: 0 auto; }
    .meio{margin:20px auto}
    .time h1{text-align: center; }
    .logo {float: none; width: 100%;}
    .logo{max-width: 300px}
    
    #foot .last{text-align: center; margin-top: 20px}
    .pad { padding: 2em 0;}
    #blackbg .last{margin-top:20px}
    #branlogos{width:50%;} 
    
    .dois-terco{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
	.um-terco{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    
}

/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 736px){
    h1{margin-bottom: 10px; font-size: 25px}
    #darkgraybg h1{margin-bottom: 0}
    .topbar ul li{float:none;padding:7px 0 7px 0;}
    .topbar ul li:last-child{float:none;padding:7px 0 7px 0;}
    .arrowdown{display:none}
    
    article p{text-align: center} 
    
    
}

/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:680px){
    .column4 {width:100%; float:none; padding:0 ; margin: 0 auto; }
    .square{
        width:100%; 
        margin: 1% auto;
    }

    .square h3 {
        font-size: 25px;
    }
}

/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 500px){
    .divfooter {text-align:center;}
    input.half{width:98%;float:left;}
    
    .logo{text-align:left;}
    a.appbutton {width: 100%;margin: 1% auto; float: none;display: block}
    a.appbuttoninv {width: 100%;margin: 1% auto; float: none;display: block}
    
    #branlogos{width:100%; float: none}
    #branlogos img{display: block;margin: 1% auto}
}
 
@media screen and (max-width: 320px){

}