@charset "utf-8";
/* CSS Document */

body, p, li { font-family: 'Source Sans Pro', sans-serif;  }
li { font-size: 18px;  }
h1 { font-size:2rem }
h2  { font-size: 1.8rem }
h3  { font-size: 1.6rem }
h4 { font-size: 1.2rem }

#hero { background-image:url(../images/bidport-hero-auction-bidding.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	min-height:680px; }
	
.top-bar-title { width:40% }
.top-bar-right { color: #1c1c1c; }	

#herocontent { position:relative; top:200px; }

.callout { padding:30px 0 0 30px }
#hero .callout  { background-color: rgba(94,149,16,0.9); color:#fff; padding:10px 0 10px 30px; }

.greenbg { background: #5e9510; color:#fff;  }

.top-bar, .top-bar ul {  background: none; }

.bpheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: auto;
    background-color:transparent;   
}

.scrolling { 
  background-color: rgba(255,255,255,0.9); 
}

.v20space { height:20px; }
.v30space { height:30px; }

.menu a { color:#1c1c1c; }
.menu a:hover  { color:#5e9510; }

#features { background-image:url(../images/features-bg.gif); 
background-repeat: no-repeat;
color:#fff;
padding: 60px 0;}

a.button.white { background:#fff; color:#1c1c1c; }
a.button.white:hover { color:#539510; } 





@media screen and (max-width: 39.99875em) {
#hero { min-height:300px; }	
#herocontent {
    position: relative;
    top: 148px;
}
.top-bar-title { width:80% }	
.menu-icon  { background:#1c1c1c; }
#features { color: #1c1c1c; 
    background-image: none;
	padding:20px 0; }
}

/*iPhone 6,7,8 landscape */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
#features { color: #1c1c1c; 
    background-image: none;
	padding:20px 0; }
#hero { 
min-height:480px; }
#herocontent {
    position: relative;
    top: 280px;
}
}


/*iPhone Plus landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
#hero { 
min-height:440px; }
#herocontent {
    position: relative;
    top: 260px;
}	
	
}

/*iPhone X landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
#features { color: #1c1c1c; 
    background-image: none;
	padding:20px 0; }

}

/*iPad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
#features { color: #1c1c1c; 
    background-image: none;
	padding:20px 0; }
li { font-size:24px; }
h4 { font-size:1.6rem; }

	 }