@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'EngraversGothic';
    src: url('../fonts/EngraversGothic-Regular.woff') format('otf'),
         url('../fonts/EngraversGothic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family: 'EngraversGothic';
  color:#333;
  font-size: 25px;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 29px;
color:#444;
}

p {
  font-size: 25px;
}

.header {
margin-bottom: 50px;
padding:20px 70px;
width: 100%;
display: block;
height: 70px;
border:0;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.7);
}


.logo,.insta,.ebay{display:inline;
}

.logo{
width:162px;
height:30px;
float:left;
margin-left:30px;
background-image: url("../img/logo_web.png");
background-repeat: no-repeat;
background-size: 162px 30px;
}

.ebay{
width:60px;
height:30px;
float:right;
margin-right:30px;
background-image: url("../img/logo_ebay.png");
background-repeat: no-repeat;
background-size: 60px 30px;
}

.insta{
width:100px;
height:30px;
float:right;
margin-right:30px;
background-image: url("../img/logo_insta.png");
background-repeat: no-repeat;
background-size: 100px 30px;
}


.middle{width:90%;
margin:auto;
border:0;
}

.middle_item{width:96%;
margin:auto;
border:0;
}

.item_columns{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.left_c{  margin: 0;
  padding:0;
  width: calc(50% );
}
div.left_c img {
  padding:0;
  width: 100%;
  height: auto;
}

.central_c{  margin: 0; padding: 0 0 0 40px;
  border: 1px solid #fff;
  width: calc(25% );
}

.right_c{  margin: 0;
  border: 1px solid #fff;
  width: calc(25% );
}

div.right_c iframe {
  padding:0;
  width: 100%;
  height: auto;
}


* {
  box-sizing: border-box;
}

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.gallery-item {
  margin: 20px 0 0 0;
  border: 1px solid #fff;
  width: calc(33% );
  transition: transform .5s;
}

div.gallery-item img {
padding:30px 20px 0 20px;
  width: 100%;
  height: auto;
  transition: transform .5s;
}

div.gallery-item img:hover {
  width: 100%;
  height: auto;
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

div.gallery-item div.desc {
  padding: 15px;
  text-align: center;
}


@media only screen and (max-width: 1280px) {
.header {
padding:20px 0;
margin-bottom: 20px;
}


  div.gallery-item {
    width: calc(48%);
  }
div.gallery-item img {
padding:30px 0 0 0;

}

.left_c{  margin: 0;
  padding:0;
  width: calc(100% );
}

.central_c{  margin: 0; padding: 30px 0 0 40px;
  border: 1px solid #fff;
  width: calc(50% );
}

.right_c{  margin: 0; padding: 30px 0 0 0;
  border: 1px solid #fff;
  width: calc(50% );
}
}

@media only screen and (max-width: 768px) {
.header {
padding:24px 0;
margin-bottom: 50px;
}

.logo{
width:118px;
height:24px;
float:left;
margin-left:20px;
background-image: url("../img/logo_web.png");
background-repeat: no-repeat;
background-size: 118px 24px;
}

.ebay{
width:54px;
height:24px;
float:right;
margin:0 20px 5px 0;
background-image: url("../img/logo_ebay.png");
background-repeat: no-repeat;
background-size: 54px 24px;
}

.insta{
width:24px;
height:24px;
float:right;
margin-right:20px;
background-image: url("../img/logo_insta_s.png");
background-repeat: no-repeat;
background-size: 24px 24px;
}

div.gallery-item {
    width: calc(100%);
}

div.gallery-item img {
padding:30px 0 0 0;
}

.left_c{  margin: 0;
  padding:0;
  width: calc(100% );
}

.central_c{  margin: 0; padding: 30px 0 0 40px;
  border: 1px solid #fff;
  width: calc(100% );
}

.right_c{  margin: 0; padding: 30px 0 0 0;
  border: 1px solid #fff;
  width: calc(100% );
}
}



html {scroll-behavior: smooth;
}

.arrow {
  border: solid grey;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


.back-to-top {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 1rem;
	padding: 0.5rem;
	text-decoration: none;
	transition: 0.2s ease-out;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.7);
}

.back-to-top span {
	color: #999;
	font-size: 1.5rem;
	transition: 0.2s ease-out;
}

.back-to-top:hover {
	background-color: #fff;
}
.back-to-top:hover span {
	transform: translateY(-5px);
}

#myBtn{border:0;}

.footer{
margin-top:50px;}