h1{
    font-size:45px;
    font-weight:100;
}
h2{
  color: #000000;

font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-decoration: none;
text-transform: none;
    
}
A
{
    color: #333300;
font-family: Verdana, Arial, sans-serif;
font-size: 11pt;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
    
}
p{
   
  color: #000000;

  font-size: 17px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

body {
    width:100%;
background-color: #cccc99;
  box-sizing: border-box;

  font-size: 12px;
  font-family: sans-serif;
  margin-right: auto; /* 1 */
  margin-left: auto; /* 1 */

  padding-right: 1px; /* 3 */
  padding-left: 1px; /* 3 */
}

a:link,
a:visited {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.menu .current {
  background-color: red;
}
.header {
  background-color: #999966;
  display: inline-block;
  height: 33px;
  width: 2500px;
}
.header-menu {
  height: 20px;
}

.film-img {
  padding-left: 130px;

  border: 0px;
}
.shop-img,
.about-img,
.contact-img,
.news-img,
.links-img {
  padding-left: 50px;
  width: 70px;
  border: 0px;
  height: 10px;
}

.logo-shop {
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
  width: auto;
}
.buy-films {
  width: auto;
  margin-top: 20px;
  font-size:35px;
}
.container-dvd-flex {
  justify-content: space-around;
  width: auto;
  display: flex;
  flex-wrap:wrap;
}
.container-first {
  display: inline-block;
  text-align: center;
  width: auto;
}
.paragraph{
    margin-top:-10px;
}
.button-first {
  margin-top:-10px;
 
  text-align: center;
}
.button-first-second {
  margin-top:-10px;
  text-align: center;
}
.container-second {
  position: relative;
  text-align: center;
}
.container-third {
  position: relative;
  text-align: center;
}
.button-third {
  margin-top:-10px;
  text-align: center;
}

button {
  border-radius: 4px;
  background-color: #999966;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 16px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.7);
}

button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buy-page {
  display: flex;

  flex-direction: column;
}
.text-buy{
    font-size:15px;
}

.info-film {
  width: 550;
  text-align: center;

  display: inline-block;

 
  
}
.image-bundel{
    width:350px;
    height:auto;
    margin-bottom:25px;
}
.gc-img{
    width:220px;
    height:299px;
}
.text-film {
   margin:50px;
  color: #6d7159;
  
  text-align: center;

}
.image-container{
 display:inline-block;
}

.button-buy {
  padding: 5px;
  
  width: 250px;
}
/* Shop  */

hr {
  margin: 0 auto;
  margin-bottom: 40px;
  width: 70%;
  border: 0;
  height: 2px;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(121, 53, 53, 0.75),
    rgba(255, 255, 255, 0)
  );
}

.footer {
  position: relative;
  text-align: center;
  margin: 20px;
}
.footer-buy {
  position: relative;
  display: inline-block;
  width: 90%;
}
.clear-float{
    clear:left;
}
.imgGypsy{
   
    width:310px;
    
    height:auto;
    margin-right:40px;
}
.image-bundel{
    width:350px;
    height:auto;
}
.image-margin-left{
    margin-left:200px;
}
.bundles{
 
    width:400px;
    height:auto;
    
}

/* for phones dimension screen */
#hrLine{
    display:none;
}
 @media  (min-width: 700px) and (max-width: 1000px) {
     .image-bundel{
    width:250px;
    margin-top:3rem;
}
    }
     @media  (min-width: 1000px) and (max-width: 1024px) {
     .image-bundel{
    width:250px;
    margin-bottom:6.7rem;
   
}
    }
@media screen and (max-width: 700px)  {
    #hrLine{
      display:block;
    }
 .header{
     width:1000px;
 }

  
  .footer-buy{
      margin:none;
      position:none;
            width:none;
  }
.hr-logo{
    margin-bottom:-20px;
}
  .container-dvd-flex {
    width: auto;
    display: grid;
  }
  .container-first {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    
  }
  .button-buy {
    width: auto;
  }
  .button:after {
  content:none;
  
}
.image-bundel{
    
    margin-bottom:0px;
}
.paragraph{
    margin-top:-8px;
}
.button-first{
    margin-top:-10px;
    margin-bottom:30px;
}
.button-first-second{
    margin-bottom:-10px;
    margin-bottom:30px;
}
  .button-third {
  margin-bottom:30px;
  text-align: center;
}
.imgGypsy{
    width:200px;
    height:auto;
}
  .info-film {
      
    text-align: center;
    margin-left:10px;
  }
  .image-container{
    margin:20px 0px 0px 45px;

  }
.bundles{
    margin-top:0px;
    width:auto;
    height:auto;
}

  .img-amer {
    margin: auto;
    width: 50%;
  }
  .buy-page {
    display: flex;
  }
  .text-film {
      font-size:12px;
    text-align: center;
    margin-left: 135px;
    margin-top:20px;
    width: 300px;
  }
}