/* 
    Website Developer: Karoline Dassie

    Main Colors:
    - Red: #f05223
    - White: #fff
    - Orange: #f05223
    - Black: #1d1d1d
*/

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

    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;
        color: #ccc;
        margin: 10px 0;
        } 

    img { border: 0; max-width:100%;} 
    img.imgresp{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: #f05223; 
        color: #fff;
        text-shadow: none;
    }
    ::selection {
        background:#f05223;
        color: #fff;
        text-shadow: none;
    }

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

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

    TYPOGRAPHY

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

    h1 { font-weight:900; color:#fff; font-size:30px; line-height:normal; text-transform: uppercase}
	h2 { font-weight:600; color:#fff; font-size:23px; line-height:normal;text-transform: uppercase}
	h3 { font-weight:900; color:#000; font-size:20px;}
	h4 { font-weight:800; color:#fff; font-size:18px; text-transform: uppercase}
	h5 { font-weight:600; color:#f05223; font-size:15px;} 
    strong{font-weight: 900}
	p, ul, ol, li { font-size: 17px; font-weight: 400; color: #000; line-height: 23px; }
    p .espacoso{line-height: 30px;}

    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;
    } 

    article a:link,article a:visited,article a:active {text-decoration:none; color: #000;}

    a.mais:link,a.mais:visited,a.mais:active {color: #fff; text-decoration: none;font-size: 14px; font-weight: 900}
    a.mais:hover {text-decoration:none; color: #000}

    a:link, a:visited, a:active {text-decoration:none; color: #fff;}
    a:hover {text-decoration:none;}

    .center{text-align: center!important}
    #titulo{background: #000; text-align: center; padding: 10px 0;}
.hours h1 { color: #000;}

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

    FRAMELESS INVENTORY 

===========================================================*/
    .hosted-content p{color: #000!important}
    .hosted-content h1{text-align: left; color: #000!important; text-transform: capitalize}
    .hosted-content h5{text-align: left}
    .hosted-content .listings-wrapper .listings-list .category-banner h3{line-height: normal!important; font-size: 23px!important; color: #f05223!important}
    .hosted-content .m-top-20{margin-top: 0!important}
    .hosted-content .listings-wrapper .listings-list .listing-banner h2{font-size: 24px!important; color: #000!important}
    .attachment-search .search-checkboxes label .row input[type="checkbox"] {width: auto!important}
    .listings-wrapper .listing-boxed .listing-boxed-details h2 a{color: #000!important}
    .hosted-content a{color: #000!important}
    .hosted-content .listings-button .fa, .hosted-content .btn.listings-button .fa{width: auto!important}

    #invwrap{display: block;float: left;}
#invwrap h1, #invwrap .no-listings-found, .price, .dealer-name, .listing-prices__retail-price, .dealer-contact__header h2{color: #000 !important;}
    #invcatgs{display: block; width: 200px; float: left;}
    a.botaocatinv{display: block; background: #f05223; color: #fff!important; text-align: left; padding: 10px; margin: 2px 0}
   .no-listings-found + div > .ts-button{background: #f05223 !important; color: #fff!important;}
    a.botaocatinv:hover{background: #000;}
    a.forcered{background: #f05223}

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

    LAYOUT STYLES

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

	.column1 {width:100%;}
	.column2 {width:50%; float:left; box-sizing: border-box; color:#fff;}
	.column3 {width:33.33333%; float:left; padding:0 ; 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;}
    .column6 {width:16%; float:left; padding-right:1%; box-sizing: border-box;}
	
	.twothird{width:70%; float:left;  box-sizing: border-box;}
	.onethird{width:20%; float:right; box-sizing: border-box; }
	.dois-terco{width:60%; float:left; box-sizing: border-box;padding-right: 50px}
	.um-terco{width:40%; float:left; box-sizing: border-box; }
	
	.last{padding-right:0; margin-right:0!important;}
    .midcolumn {padding:0 20px;}
	.center{text-align:center}
    
    article{background: #fff}
    .wrapper{ width:96%; margin:0 auto; padding:0; max-width:1200px; position:relative}
    
.video-grid{
	gap: 30px;
}
.video-grid video{
	width: calc(50% - 15px);
}
   
/*==========================================================

    HEADER HOME

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

    #headerwrap-home{
        margin:0;
        position: absolute;
        z-index: 99;
        width: 100%;
        background: rgba(255, 255, 255, 0.38);
    }

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

    HEADER ALL PAGES

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

    #headerwrap{
        margin:0;
        position: relative;
        width: 100%;
        background: #1d1d1d;
    }

    .logo{float:left; width:230px;margin-top: 20px;}
    .logo img{max-width: 230px; width: 100%; display: inline-block; margin: 0 auto; }
    .header-right{float:right; width:calc(100% - 230px); text-align: right; margin:3em 0 0 0}
    .header-right h3{margin-bottom: 10px; color: #f05223}
    .header-right h3 a:link,.header-right h3 a:visited,.header-right h3 a:active{color: #fff}
    .header-right h3 a:hover{color: #f05223}

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

    NAVIGATION

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


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

    SLIDESHOW

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

    #fotofundo{
        background: url("../slideshow/slides/slide13.jpg") no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: auto;        
    } 
    #quadro{
        width: 450px; 
        padding:1% 1% 20% 0;
        float: right;
    } 
    .slides{
        background:#fff;
        padding:0;
        color:#fff;
        position:relative;
    }
    .cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
    .cycle-slideshow img{
        width:100%;
        max-width: 100%;
    }

    /* pager */
    .cycle-pager { 
        text-align: center;max-width: 100%; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
    }
    .cycle-pager span { 
        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

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

    .pad{padding:4em 0;}
    .white{background:#fff;}
    .orange{background: #000}
    .orange p, .orange a:link, .orange a:visited, .orange a:active{color: #fff}
    iframe.mapa{border:0; width:100%; height: 240px; display: block; margin: 0 auto; border-top: 4px solid #f05223;}
    
    #gridrede{background:#fff url("../siteart/pattern.png") repeat fixed;}
	.manulogo img {max-width:170px; width:100%; display:block; margin:0 auto; text-align: center}
    .manulogo a{
        width: 14%;
        margin: 0.5% 1%;
        padding: 10px 0;
        background: #fff;
        text-align: center;
        box-shadow:0px 1px 3px 0px #00000078;
        display: inline-block
    }

    .policia ul{
        padding-inline-start: 40px;    
        margin: 10px 0 30px 0;
    }
    .policia ul li{list-style-type: disc;}

    .ultima{margin: 2% 0 0 4%!important}
    .bota{border: 2px solid #000; margin: 2% 0 0 0; width: 40%; padding:3%; float: left; display: block}
    .bota a{display:block; padding: 10px 0; width: 100%; margin:20px auto 0 auto; text-align: center; border:2px solid #f05223; font-weight: 900; font-size:20px; font-family: 'Oswald', sans-serif; color: #fff; background: #f05223; text-transform: uppercase;}
    .bota a:hover{background:#000; color: #fff}


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

    HOME PAGE

===========================================================*/
    
    .photobg{
        background:#fff url("../siteart/photobg2.jpg") no-repeat fixed; 
        padding: 2em 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    } 
    iframe.filme{width: 100%; height: 300px; display: block; }

    #rede{background:#fff url("../siteart/pattern.png") repeat fixed;padding: 2em 0; border-top: 4px solid #f05223; border-bottom: 4px solid #f05223;} 
    #rede a{display: inline-block; padding: 10px 0; width: 22%; margin: 0 1%; text-align: center; border:2px solid #f05223; font-weight: 900; font-size:22px; font-family: 'Oswald', sans-serif; color: #fff; background: #f05223; text-transform: uppercase;}
    #rede a:hover{background:#000; color: #fff}

    .storebtn-wrap{
        padding: 15px 0;
        margin:0 auto;
        background: #1d1d1d;
        color: #fff;
        border-top:4px solid #f05223; 
    }
    .storebtn-wrap h2{margin-top: 5px;}
    a.storebtn{background: #f05223; text-align: center; padding: 8px 0; display: block; text-transform: uppercase; color: #fff}
    a.storebtn:hover{background: #fff; color: #1d1d1d}
    

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

    SCROLLING INVENTORY

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

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

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

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

    CONTACT PAGE

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

    #contbox{background:#39393d; float: left; text-align: center; width: 27%; margin: 1%; padding: 2%}
    #contbox i{ color:#f05223; font-size: 50px; margin-right: 10px}
    #contbox p{ color: #fff; font-size: 28px}    
    #contbox a{ color: #fff}
    

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

	FORM
	
===============================================*/
	
    #infocont{margin:2em auto; text-align: center}
	
	#formpage input {
		padding:8px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
        border-radius:5px;
		border:1px solid #8e8d8d;
		color:#8e8d8d;
		font-size:12px;
		margin: 0 0 1em 0;
	}
	
	#formpage textarea {
		padding:8px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
        border-radius:5px;
		border:1px solid #8e8d8d;
		 width:90%;
		color:#8e8d8d;
		font-size:12px;
		margin: 0 0 1em 0;
	}
	
	/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
	#formpage select {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
        border-radius:5px;
		border:1px solid #8e8d8d;
		color:#8e8d8d;
		 width:90%;
		vertical-align:middle;
		font-size:12px;
		line-height:normal;
		padding:7px 0;
		margin: 0 0 1em 0;
	}
     .formcont .column2{color: #000}
	#formpage input  {
		width:90%;
	}
	
	#formpage textarea {
		width:90%;
		height:110px;
	}
	
	#formpage input.checkbox {
		padding:0; 
		border:0;
		margin:0 5px 0 0;
		width:13px;
		height:13px;
		display:inline;
		background-color:#fff;
	 }
	
	#formpage input.radio {
		padding:0; 
		border:0;
		margin:0 5px 0 0;
		width:15px;
		height:15px;
		display:inline;
	 }
	
	/* focus states of various types of fields */
	
	#formpage input:focus,
	#formpage textarea:focus,
	#formpage select:focus {
		background:#fff; 
		color:#000;
		border:1px solid #ffcf64;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		outline-style:none;
        border-radius:5px;
	}
	#formpage input.radio:focus,
	#formpage input.checkbox:focus {
		background:none; 
		border:0;
		outline-style:none;
	}
	 
	#formpage input.button,
	#formpage input.button:focus {
		display:block;
		width:200px; 
		cursor:pointer;
		margin:0;
		padding:7px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		font-size:16px;
		line-height:16px;
		font-weight:bold;
		text-transform:uppercase;
		transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease;
		background:#f05223;
		color:#fff;
		border:1px solid #fff;
	}
	#formpage input.button:hover {
		border:1px solid #f05223;
		color:#fff;
		background:#1d1d1d;
	}
	 
	/* for plain text next to an input field, if not using a table structure */
	#formpage label.basic {
		color:#212121;
		font-size:13px;
		text-align:left;
	}
	#formpage label.checkbox {
		/*  color:#212121;*/
		font-size:13px;
		text-align:left;
		display:inline;
		padding:0;
	}
	 
	
	/*control the Captcha */
	
	.CaptchaPanel {
		margin:1em 0 !important;
		padding:0 0 0 0 !important;
		text-align: left;
		line-height:normal !important;
		color:#000
	}
	
	.CaptchaImagePanel {
		margin:0 0 0 0;
		padding:0 0 0 0;
		color:#000;
		text-align: left;
	}
	
	.CaptchaMessagePanel {
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
		font-weight:normal !important;
		font-size:12px;
		line-height:14px;
		text-align: left;
		color:#000
	}
	
	.CaptchaAnswerPanel {
		margin:0 ;
		width:200px;
		text-align: left;
		padding:2px !important;
	}
	
	.CaptchaWhatsThisPanel {
		line-height:0;
		margin:0 0 0 0;
		padding:8px 0 8px 0 !important;
		text-align:left
	}
	.CaptchaWhatsThisPanel a {color:#000;}
	.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
	
/*==========================================================

    TUBS AND SWEEPS STYLES

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

.tubsandsweeps {
    margin: 0 auto;
    width: 100%;
    background-image:url("../siteart/pattern.png");
    padding-top: 30px;
    padding-bottom: 30px;
}

.tsimages {
    margin: 0 auto;
    width: 60%;
    text-align: center;
}
	
.tsimages img {
    margin-left: 0 auto;
    margin-right: 0 auto;
    width: 400px;
    padding: 10px;
}
/*==========================================================

    FEED PAGE STYLES

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

.feed-wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.feed-icons {
	    flex-wrap: wrap;
    max-width: 850px;
    margin: 0 auto;
}

.section1 {
	width: 33.333%;
	text-align: center;
}

.section1 h2{
	color: #000 !important;
	text-align: center;
	font-size: 19px !important;
}

#feed-icon {
	width: 140px !important;
	margin-bottom: 20px;
}
#feed-icon:hover {
	opacity: 80%;
	cursor: pointer;
	
}

.top {
	
	margin-bottom: 50px;
}


.section2 {
	width: 50%;
	text-align: center;
	margin-bottom: 40px;
}

.section2 h2{
	color: #000 !important;
	text-align: center;
	font-size: 19px !important;
}

#brand-icon {
	width: 340px;
	margin-bottom: 20px;
}
.brand-icons {
	    flex-wrap: wrap;
    max-width: 920px;
    margin: 0 auto;
}


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

    POPUP STYLES

===========================================================*/
.pop-up-cont {
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    background:rgba(0,0,0,0.3);
    z-index: 400;
    overflow: scroll;
}
.pop-up-cont.show {
    display: block;
    opacity: 1;
    animation: fade-in 1s ease-in-out both;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pop-up-form {
    max-width: 600px;
    width:calc(100% - 40px);
    background:#fff;
    border:1px solid #000;
    border-radius: 20px;
    padding:20px;
    box-sizing: border-box;
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    top:10%;
    z-index: 1;
}
.close-btn {
    padding:5px;
    background:#fff;
    border:1px solid #000;
    font-size:20px;
    transition: .2s ease-in;
    color:#000!important;
}
.close-btn:hover {
    background:#000;
    border:1px solid #000;
    transition: .2s ease-in;
    color:#fff!important;
}
.show-form {
    cursor: pointer;
    transition: .2s ease-in;
}
.show-form:hover {
    opacity: 0.8;
}

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

    FOOTER STYLES

===========================================================*/
    .footwrap{
        padding: 2em;
        margin:0 auto;
        background: #1d1d1d;
        color: #fff;
        border-top:4px solid #f05223;
    }
    .footwrap p{
        color: #fff;
        text-align: left;
        font-size: 13px;
        text-transform: uppercase;
    }
    .footwrap h4{margin-bottom: 10px}
    .footwrap i{font-size: 45px;margin-top: 10px;}
    .footwrap a:hover{color:#f05223}


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

    FACETED INVENTORY

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

.list-content .list-title .list-title-text {
	color: #000 !important;
}

.view-listing-details-link, .buy-now-link, .faceted-search-content .selected-facets-container .selected-facet, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .contact-options a, .detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-contact-bar .contact-bar-btn, .compare-listings-container .compare-container .button,.modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input {
	background:#f05223 !important;
		color:#fff !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
	color: #f05223 !important;
	border-color: #f05223 !important;
}

.list-content .list-title .list-listings-count {
	color: #f05223 !important;
}

.fin-calc-mobile>a, #calculator-mobile .modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn{
	background: #000 !important;
}

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

    RESPONSIVE STYLES

===========================================================*/
    
/* iPads (portrait and landscape) ----------- */

@media screen and (max-width: 1080px) {
    #contbox p {font-size: 20px;}
}
    
@media screen and (max-width: 1025px) {
    h3 {font-size: 18px;}
    .pad {padding: 2em 0;}
    .wrapper {width: 90%;}
    .logo {width: 180px;}
    .logo img { max-width: 180px;}
    .header-right {width: calc(100% - 180px); margin: 1.5em 0 0 0;}
    
    #headerwrap-home {position: relative; background: #fff; padding: 7px 0 0 0}
    .logo {margin: 0px;}
    .manulogo a {width: 17.5%;}
    
}

@media screen and (max-width: 850px) {
    h1{text-align: center; font-size:25px}
    article h2{text-align: center;}
    article h5{text-align: center;}
    article p{text-align: center;}
    
    #headerwrap-home{padding: 10px 0;}
    .logo {float: none; text-align: center; margin: 0 auto}
    .logo img {display: block; margin: 0 auto; text-align: center}
    
    .header-right h3{margin:0 auto}
    .header-right {
        float: none;
        width: 100%;
        text-align: center;
        margin: 10px 0 ;
    }
    
    #contbox{    
        float: none;
        width: 100%;
        margin: 1% auto;
        padding: 1% 0;
    }
    #mobilemore{display: block; padding-top: 2em;}
    #mobileless{display: none}
    
    .twothird{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
	.onethird{width:100%; float:none; padding:0 ; margin: 10px auto 0 auto; text-align: center}
    .column3 {width:100%; float:none; padding:10px 0 ; margin: 0 auto; text-align: center}
    .column2 {width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    .dois-terco {width: 100%; float: none; padding: 0;}
    .um-terco{width: 100%; float: none; margin: 2em auto 0 auto;}
    
    #invwrap{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    #invcatgs{width:100%; float:none; padding:0 ; margin: 0 auto; text-align: center}
    a.botaocatinv {
        display: inline-block;
        text-align: center;
        padding: 8px 0;
        width: 49%;
    }
    .footwrap h4 { margin-top: 20px;}
    .footwrap p {text-align: center;}
    
    a.storebtn {padding: 10px 0;}
    #rede a {padding: 5px 0; width: 100%; margin: 1% auto;}
    .storebtn-wrap {padding: 2em 0;}
    
    #formpage input.button, #formpage input.button:focus{margin: 0 auto}
    .CaptchaImagePanel {margin: 0 auto;text-align: center;}
    .CaptchaAnswerPanel {margin: 0 auto;}
    .CaptchaWhatsThisPanel {margin: 0 auto;text-align: center;}
    
    #quadro{
        width: 100%; 
        padding:0 ; 
    } 
    #fotofundo{background: #1d1d1d}
}

@media screen and (max-width: 770px){
    .column4 {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        float: left;
    }
    .manulogo a {width: 22.5%;}
    
    .ultima{margin: 1% auto!important}
    .bota{margin: 2% auto; width: 90%; padding:3%; float: none; display: block}
}

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

@media screen and (max-width: 736px){
    .CaptchaImagePanel {
        float: none;
        margin: 0 auto !important;
    }
    #CaptchaAnswer{width: 100%}
    .CaptchaImagePanel, .CaptchaMessagePanel, .CaptchaAnswerPanel, .CaptchaWhatsThisPanel{text-align: center!important;}
    input.button2{width:100%; margin:10px auto 0 auto}
    input.half{width:98%;float:left;}
    iframe.mapa{height: 310px}
    .manulogo a {width: 30.5%;}
}
@media screen and (max-width: 600px){
	.section1{
		width: 50%;
	}
	
	.top {
		margin-bottom: 35px !important;
	}
	
	.section1 {
		margin-bottom: 35px;
	}
	
	.section2 {
		width: 100%;
	}
	.video-grid video{
		width:90%;
	}
}

@media screen and (max-width: 500px){
    a.botaocatinv {display: block;text-align: center;padding: 8px 0;width: 100%; margin: 1% auto}
    .column4 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .manulogo a {width: 47%;}
}

@media screen and (max-width: 336px){
	.section1 {
		width: 100%;
	}	
}