@import url("https://fonts.googleapis.com/css?family=Raleway");

@import url("https://fonts.googleapis.com/css?family=Oswald");

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.intro {
  height: 100%;
  width: 100%;
  margin: auto;
  background: url(https://www.identidadevisualadvogados.com.br/img/bg.jpg) no-repeat 50% 50%;
  display: table;
  top:0;
  background-size: cover;
}

.inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  max-width: none;
}

.content {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.content h1 {
  font-family: "Raleway", sans-serif;
  color: #fff;
    text-shadow: #000 1px 1px 0;
    width: 100%;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 5pt;
    text-transform: uppercase;
}

.btn {
    border-radius: 5px;
    font-family: 'Oswald', sans-serif;
    color: #e2d382;
    font-size: 135%;
    padding: 10px 20px;
    border: solid #e2d382 3px;
    text-transform: uppercase;
    text-decoration: none;
}

.btn:hover{
  color: #fff;
  border: solid #fff 3px;
}

p{
  font-size:160%;
  line-height: 210%;
  text-align: justify;
  margin: 3%;
  font-family: sans-serif;
}

@media only screen and(max-width: 768px){
  .content h1{
    font-size: 250%;
  }
  .btn{
    font-size:110%;
    padding: 7px 15px;
  }
  p{
    font-size: 100%;
    line-height: 160%;
  }
}