html, body {
  width:100%;
  height:100%;
  background-color:#899dad;
}

  /* > mobile 640px */
  @media screen and (min-width: 640px) {
      class {
          
      }
  }

h1 {
  font-family: "adobe-garamond-pro",serif;
  font-size:18px;
  color:#111;
  text-align:center;
  font-style: italic;
}
  @media screen and (min-width: 640px) {
    h1 {
      font-size:30px;
    }
  }

h2 {
  font-family: "adobe-garamond-pro",serif;
  font-size:16px;
  color:#111;
  text-align:center;
  font-style: italic;
}
  @media screen and (min-width: 640px) {
    h2 {
      font-size:25px;
    }
  }

h3 {
  font-family: "futura-pt",sans-serif;
  font-size:16px;
  color:#111;
  text-align:left;
}
  @media screen and (min-width: 640px) {
    h3 {
      font-size:25px;
    }
  }


.irm-container {
  max-width:700px;
}

p,li,div,a,span,td {
  font-family: "futura-pt",sans-serif;
  font-size:20px;
  color:#111;
}


.irm-header-email {
  font-family: "adobe-garamond-pro",serif;
  font-size:18px;
  color:#111;  
  font-style: italic;
}
  @media screen and (min-width: 640px) {
    .irm-header-email {
      font-size:30px;
    }
  }

a.irm-link-email {
  font-size:16px;
  color:#fff;
  text-decoration:none;
  transition: all 0.5s;
}
  @media screen and (min-width: 640px) {
    a.irm-link-email {
      font-size:26px;
    }
  }
  a.irm-link-email:hover {
    transition: all 0.5s;
    text-decoration:none;
    color:#111;
  }


.irm-header-options-01 {
  font-family: "adobe-garamond-pro",serif;
  font-size:16px;
  color:#111;  
  font-style: italic;
}
  @media screen and (min-width: 640px) {
    .irm-header-options-0 {
      font-size:30px;
    }
  }

.irm-header-options-02 {
  font-size:16px;
  color:#fff;
}
  @media screen and (min-width: 640px) {
    .irm-header-options-0 {
      font-size:26px;
    }
  }
.irm-grid-socialmedia {
  max-width:400px;
  margin:50px auto 0 auto;
}

.irm-grid-socialmedia > div{
  text-align:center;
  padding:0;
}

.irm-link-socialmedia img{
  max-width:30px;
}
  @media screen and (min-width: 340px) {
    .irm-link-socialmedia img {
      max-width:100%;
    }
  }
.irm-link-socialmedia:hover img{
  opacity:1;
  transition: all 0.5s;
}

  .irm-link-socialmedia:hover img{
    opacity:0.7;
    transition: all 0.5s;
  }

.irm-footer {
  margin-top:50px;
  font-size:13px;
}

.irm-footer a{
  font-size:13px;
  color:#111;
  text-decoration:none;
  transition: all 0.5s;  
}

.irm-footer a:hover{
  font-size:13px;
  color:#fff;
  text-decoration:none;
  transition: all 0.5s;  
}

hr {
  border-top: 1px solid rgba(0,0,0,0.2);
}