/* @font-face{
    font-family:'roboto';
    src:url("font/Roboto-Regular.ttf");
  }
  @font-face{
    font-family:'roboto';
    font-weight:'bold';
    src:url("font/Roboto-Bold.ttf");
  }
  @font-face{
  font-family:'roboto';
  font-weight:lighter;
  src:url("font/Roboto-Light.ttf");
  } */
  body *{
    font-family:"roboto";
  }
  body,html{height:100%;margin:0;}
  body{background: #F1F1F1;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
  }
  h1,p{
    color:#333333;
    text-align: center;
  }
  h1{
    font-size:22px;
    font-weight:bold;
  }
  p{font-size:18px;
  max-width:960px;}
  .browser span,p{
  font-weight:lighter;
  }
  .browser{
    text-decoration: none;
    margin:32px 0 12px;
    display:inline-block;
    width:120px;
    text-align: center;
    vertical-align: top;
    font-size:12px;
  color:#666666;
  }
  .browser img{
    
    margin:0 auto 0;
    display:block;
    width:77px;
  }
  .browsers{
    display: flex;
    justify-content: center;
  }