@font-face {
  font-family: 'GaramondPremrPro'
    src: url('../fonts/GaramondPremrPro/GaramondPremrPro.eot?#iefix') format('embedded-opentype'), url('../fonts/GaramondPremrPro/GaramondPremrPro.otf') format('opentype'),
    url('../fonts/GaramondPremrPro/GaramondPremrPro.woff') format('woff'), url('../fonts/GaramondPremrPro/GaramondPremrPro.ttf') format('truetype'), url('../fonts/GaramondPremrPro/GaramondPremrPro.svg#GaramondPremrPro') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GaramondPremrPro-LtDisp';
  src: url('../fonts/GaramondPremrPro-LtDisp/GaramondPremrPro-LtDisp.eot?#iefix') format('embedded-opentype'), url('../fonts/GaramondPremrPro-LtDisp/GaramondPremrPro-LtDisp.otf') format('opentype'),
    url('../fonts/GaramondPremrPro-LtDisp/GaramondPremrPro-LtDisp.woff') format('woff'), url('../fonts/GaramondPremrPro-LtDisp/GaramondPremrPro-LtDisp.ttf') format('truetype'), url('../fonts/GaramondPremrPro-LtDisp/GaramondPremrPro-LtDisp.svg#GaramondPremrPro-LtDisp') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

body {
  background: #000000;
  color: #ffffff;
}

h1 {
  font: normal normal normal 48px/125% 'GaramondPremrPro', serif;
  text-align: center;
}

h2 {
  font: normal normal normal 30px/125% 'GaramondPremrPro', serif;
  text-align: center;
}

h1.logo {
  background: url("../images/marcia-de-barros-advogada.svg") center center/cover no-repeat scroll padding-box border-box rgba(0,0,0, 0);
  text-indent: -9999px;
  width: 220px;
  height: 136px;
  margin-left: auto;
  margin-right: auto;
}

p, address, a {
  font: normal normal normal 16px/125% 'GaramondPremrPro', serif;
  text-align: center;
}

a:link, a:visited, a:hover, a:active {
  color: #ffffff;
}

a:hover {
  text-decoration: underline;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  h1.logo {
    background-size: 330px 204px;
    width: 330px;
    height: 204px;
  }
  h2 {
    font-size: 48px;
  }
  p, address, a {
    font-size: 18px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  h1.logo {
    background-size: 440px 272px;
    width: 440px;
    height: 272px;
  }
  h2 {
    font-size: 60px;
  }
  p, address, a {
    font-size: 24px;
  }
}