body {background: #181818; padding: 50px}
h1 {color: #00D9FF; font-family: 'Misyalli', Arial, sans-serif; font-size: 46px; text-align: center;margin-top:50px; margin-bottom: 10px; letter-spacing: 2px;}
h3 {color: #ffffff; font-family: 'Misyalli', Arial, sans-serif; margin:0px; font-size: 24px; letter-spacing: 1px;line-height: 30px;}
h4 {color: #00D9FF; font-family: 'Misyalli', Arial, sans-serif; margin:0px; font-size: 20px;letter-spacing: 1px;}
p {color: white; font-family: 'Misyalli', Arial, sans-serif;font-size: 20px; letter-spacing: 1px;line-height: 26px;}

a {color: #00D9FF;}
.row {padding: 80px 180px}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.logo .img {width: 50px}

@media (max-width: 1260px) and (min-width: 910px) 
{ 
  .row {padding: 50px 20px}
}

@media (max-width: 910px) and (min-width: 550px) 
{ 
  .row {padding: 50px 20px}
  .column {float: none;width: unset;}
}

@media (max-width: 550px) and (min-width: 0px)
{ 
  h1 {letter-spacing: 0px;}
h3 {letter-spacing: 0px;}
h4 {letter-spacing: 0px;}
p {letter-spacing: 0px;}
  .row {padding: 0px}
  .column {float: none;width: unset;}
  h3 {font-size: 18px;}
  h1 {font-size: 30px;padding:0px !important}
  body {padding: 10px}
  video {width: 300px; padding-top:50px}
  .appstores {width: 200px;}
  footer {padding-top: 50px} 
}