html {
  box-sizing: content-box;
  font-size: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0px;
  padding: 20px;
  background-color: #101010;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  text-align: center;
}

.logo img{
  text-align: center;
  max-width: 250px;
  padding-right:30px;
  padding-top:30px;
  padding-left: 15px;
  padding-bottom: 50px;
}


.g-btn{
width: 200px;
padding: 13px 8px;
border-radius: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #ffb908;
font-size: 14px;
position: relative;
padding-left: 25px;
margin: 10px 4px;
outline: none !important;
cursor: pointer;
background: #212121;
}
.g-btn:hover{
  color:white;
}

.all-in{
margin-top: 100px;
}

.button-menu{
  padding-bottom: 50px;
  padding-right: 20px;
}

.g-btn img{
width: 25px;
margin-right: 25px;
position: absolute;
left: 12px;
}

a{
  text-decoration: none !important;
}

.buttons{
  max-width: 500px;
  margin-top:50px;
  padding-bottom: 50px;
  margin:auto;
  background-color: #1b1b1b;
  border-radius: 20px;
  box-shadow: 0px 14px 16px 0px rgba(0,0,0,0.75);
}

.btn-group-lg  ul{
  text-align: center;
}

.btn-group-lg  ul li ul{
display: none;
}

ul,li{
  list-style: none;
}

a{
  font-family:"Roboto";
  font-size:25px;
}
.social{
background-color:#101010;
border-radius: 0 0 10px 10px;
padding: 10px 0 10px 0;

}

.col-3{
  margin: auto;
  max-width: 450px;
}

.ios-detay {
    width: 100%;
    height: auto;
}
button#installApp {
    background-color: #f39200;
    border: none;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
}

button#installApp:hover {
    -webkit-box-shadow: inset 1px 1px 10px #000;
    -moz-box-shadow: inset 1px 1px 10px #000;
    box-shadow: inset 1px 1px 10px #000;
    transform: scale(1.2);
}