html, body {
  width:  100vw;
  overflow-x: hidden;
  min-height:  100vh;
}
@font-face {
  font-family: 'Artegra Sans';
  src: url('ArtegraSansExtendedSC-ExtBd.otf') format('opentype');
  font-style: normal;
  font-weight: normal;
}
body {
  display: flex;
  flex-direction: column;
  background-image: url(4.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Artegra Sans';
  color: white;
}
footer{
  //margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
}
a:hover{
  text-decoration: none;
  color: white;
}
a{
  color: white;
}
header{
  display: flex;
  flex-wrap: wrap;
}
.social-log{
  width: 25px;
  height: 25px;
  margin-right: 4px;
}
.main-cont{
  background-image: url(background-pattern.jpg);
  background-repeat: repeat;
}
header{
  text-align: center;
}
.title-cont{
  align-items: center;
  justify-content: center;
  display: flex;
}
.title-main{
  margin-left: 15px;
  font-size: 40px;
}
.main-header{
  display: flex;
  justify-content: space-between;
}
.main-footer{
  display: flex;
  justify-content: space-between;
}
.subtitle-main{
  font-size: 14px;
}
.par-main{
  text-align: center;
  font-size: 13px;
}
.contact-min{
  font-size: 16px;
}
.grid-image-cont{
  display: flex;
}
.red{
  color: #EE2B37;
}
.uppertext{
  font-size: 17px;
  line-height: 18px;
}
.cont{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
.img-icon-det{
  width: 107px;
  border-radius: 50%;
}
.icon-social{
  display: flex;
}
.icon-social-foot{
  justify-content: space-between;
}
.icon-social-colum{
  display: flex;
  flex-direction: column;
}
.bot{
  margin-top: 90px;
}
.top{
  margin-bottom: 90px;
}
h3{
  font-size: 20px;
  margin-bottom: 0px;
}
h4{
  font-size: 15px;
}
.par-ubi{
  font-size: 6px;
  text-align: right;
}
.foot-lg{
  font-size: 16.86px;
}
.left{
  margin-right: -15px;
}
.right{
  margin-left: -15px;
}
.logo-main{
  width: 291px;
  margin-top: 15px;
}
.play-log{
  width: 127.55px;
}
.pad-5{
  padding-left: 10px;
}
.pad-10{
  padding-left: 20px;
}
@media (min-width: 768px) {

}

@media (min-width: 992px) {
  .img-icon-det{
    margin: 0 90px;
  }
  .main-cont{
    max-width: 90% !important;
    display: flex;
    flex-direction: column;
  }
  .remove-extra{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100% !important;
  }
  .movement{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .title-main{
    font-size: 115px;
  }
  .subtitle-main{
    font-size: 20px;
  }
  .logo-main{
    margin-top: 20px;
    width: 557px;
  }
  .social-log{
    width: 23px;
    height: 23px;
    margin-right: 8px;
  }
  .main-header-right{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  h3{
    font-size: 20px;
  }
  .icon-social{
    display: flex;
    justify-items: center;
    align-items: center;
  }
  .par-main{
    font-size: 27px;
  }
  .uppertext{
    font-size: 37px;
    line-height: 37px;
  }
  .cont{
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .img-icon-det{
    width: 163px;
    margin: 0 55px;
  }
  .left{
    //margin-right: 0px;
  }
  .right{
    //margin-left: 0px;
  }
  .bot{
    margin-top: 0px;
  }
  .top{
    margin-bottom: 0px;
  }
  .grid-image-cont{
    display: flex;
    justify-content: space-between;
  }
  h4{
    font-size: 17px;
  }
  .par-ubi{
    text-align: right;
    font-size: 8px;
  }
  .foot-lg{
    font-size: 18px;
  }
  .play-log{
    width: 206px;
    align-self: top;
  }
  .align-right{
    text-align: right;
    display: flex;
    justify-content: end;
  }
}