*{
    margin:0;
    padding:0;
  }
  
  body{
    margin:0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:17px;
    color:#ffffff;
    line-height:1.6;
  }
  
  #showcase{
    background-image:url('images/bg.jpg');
    background-size:cover;
    background-position:center;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0 20px;
  } 

  @media(max-width:768px){
    #showcase img{
      max-width: 400px;
    }

    #showcase h1{
      font-size:40px;
      line-height:1.1;
    }
    
    #motto{
      font-size:20px;
    }
  }

  @media(min-width:769px){
    #showcase h1{
      font-size:90px;
      line-height:1.2;
    }
    
    #motto{
      font-size:40px;
    }
  }
  
  footer{
    position: absolute;
    bottom: 0;
  }

  footer p{
    font-size: 16px;
  }