#facebooker { display:none; }
#googleDiv{ display:none; }

.banner{
	background-color: #1EAEDB;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight: 600;
	

}

.frontButton{
  display: inline-block;
  height: auto;
  padding: 10px 30px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: normal;
  border-radius: 4px;
  border: 1px solid #33C3F0;
  cursor: pointer;
  box-sizing: border-box;
  color: #FFF;
  background-color: #33C3F0;
}

.frontButton:hover{
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;

}

.foot { font-size:12px; 
}

.homepic {
	background-image:url(../images/find-records.jpg);
	background-size: cover;
	background-position:center;
	text-align:center;
	height:320px;
}

.servicespic {
	background-image:url(../images/record-services.jpg);
	background-size: cover;
	text-align:center;
	height:320px;
}

.cleanpic {
	background-image:url(../images/record-cleaning.jpg);
	background-size: cover;
	background-position:center;
	text-align:center;
	height:320px;
}

.findpic {
	background-image:url(../images/record-play.jpg);
	background-size: cover;
	background-position:center;
	text-align:center;
	height:320px;
}

.aboutpic {
	background-image:url(../images/antique-records.jpg);
	background-size: cover;
	background-position:center;
	text-align:center;
	height:320px;
}

.contactpic {
	background-image:url(../images/contact.jpg);
	background-size: cover;
	background-position:center;
	text-align:center;
	height:320px;
}

.sellpic {
	background-image:url(../images/red-record.jpg);
	background-size: cover;
	background-position:center;
	text-align:center;
	height:320px;
}


.scratchpic {
	background-image:url(../images/scratchrecordcd.jpg);
	background-position:center;
	background-size: cover;
	height:100px;
	line-height: 100px;
	text-align:center;
	vertical-align: middle;
	
}

.scratchpic img { 	max-width: 100%; 
					max-height:100px; 
					display: inline-block;
    				box-sizing: border-box; 
					vertical-align: middle; 
					position: relative;
					margin-top:0.25em;

					
					 }




/* Google Map */
.map-responsive{
    overflow:hidden;
    padding-bottom:220px;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:200px;
    width:100%;
    position:absolute;
}



/* Menu */

.menu-btn{position:absolute;display:inline-block;right:20px;top:20px;cursor:pointer;}

.menu-btn:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}
.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 20px;
	height: 3px;
	margin: 4px 0; 
	background: rgb(0,0,0);
	z-index: 99;
}

.responsive-menu{
	display: none;
}

.expandr {
	display: block !important; 
}

.open-menu-link{
	display: none;
	position: absolute;
	right: 15px;
	top:0;
	line-height: 55px;
	font-size: 30px;
	cursor: pointer;
}

li .sub-menu{
	display: none;
}

.visibler {
	display: block !important;
}


.mobile-nav{display:block;z-index:1000;}

.menu-header{display:none;}


.menu-btn{position:absolute;display:inline-block;right:30px;top:20px;cursor:pointer; }

.menu-btn div{position:relative;left:100%;top:64%;padding-right:8px;margin-top:-0.50em;line-height:1.2;font-size:18px;font-weight:200;vertical-align:middle;z-index:99;}

.menu-btn span{display:block;width:20px;height:2px;margin:4px 0;background:#989da1;z-index:99;}

.responsive-menu{display:none;position:absolute;top:55px;font-size:20px; font-weight:900; border-bottom:#e0e0e0 solid 1px;border-left:#e0e0e0 solid 1px;-webkit-box-shadow:0px 2px 2px 0px rgba(245,245,245,1);-moz-box-shadow:0px 2px 2px 0px rgba(245,245,245,1);box-shadow:0px 2px 2px 0px rgba(245,245,245,1);border-right:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;width:100%;box-sizing:border-box;background: none; }

.responsive-menu .menu-header{display:block; text-align:center; width:100%;}

.responsive-menu .menu-header ul{background-image: url(../images/white95.png); background-repeat: repeat; position:relative;display:block; margin:0px; list-style:none;}

.responsive-menu .menu-header li{float:none;line-height:52px;width:100%;text-align:center;border-bottom:#e0e0e0 solid 1px;position:relative;padding:0px; margin:0px;}

.responsive-menu .menu-header li:last-child{border-bottom:none;}

.expand{display:block!important;}

.responsive-menu .menu-header li .sub-menu{display:none;font-size:14px; background:none;}

.responsive-menu .menu-header li .sub-menu li{border-bottom:#e0e0e0 solid 1px; line-height:35px; text-align:center; left:0; padding:0px; background-image: url(../images/grey95.png); background-repeat: repeat;}

.responsive-menu .menu-header li .sub-menu li:last-child{border-bottom:none;}

.open-menu-link{display:none;position:absolute;right:55px;top:0;line-height:55px;color:#989DA1;font-size:30px;cursor:pointer;}

.responsive-menu .menu-header li .visible{display:block;}

.responsive-menu .menu-header .menu{
		width: 100%;
	}





/* Header */
 
.header{position: relative; top:0px; background-color:white; width:100%; height:55px; border-bottom:#e0e0e0 solid 1px; font-family: 'Raleway', sans-serif;font-weight:600;font-style:normal;font-size:14px;z-index:1000;}

.header .logo img{height:35px;width:auto;display:block; padding:0px; }

.header .logo{display:inline-block; margin-right:10px; padding:0; right:0px; vertical-align:middle; }

.header .menu,.menu-header{ float:right;}

.header .menu a{color:#000000;text-decoration:none;text-transform:uppercase; vertical-align:bottom;}

.header .menu a:hover{color:#1EAEDB; }

.header .menu .current_page_item a,.header .menu .current-page-ancestor a{color:#3d454c;}


/* Larger than mobile */
@media (min-width: 400px) {

#facebooker { display: block; }
#googleDiv{ display:block; }

}



/* Bigger than 550 */
@media (min-width: 550px) {


 
}



/* Larger than tablet */
@media (min-width: 750px) {

.menu-header{display: block;}

.header .menu li{display:block;float:left;line-height:8px; margin:15px 15px 0px 15px; }

.mobile-nav{display:none;}



}


/* Larger than desktop */
@media (min-width: 1000px) {

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {


}