@charset "UTF-8";

/*# sourceMappingURL=grid.css.map */


@font-face {
 font-family: 'Average';
 font-style: normal;
 font-weight: 300;
 src: url('/Average-Regular.ttf') format('truetype');
}

@font-face {
 font-family: 'Average';
 font-style: bold;
 font-weight: 500;
 src: url('./Average-Regular.ttf') format('truetype');
}

body {
  font-size: 18px;
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background:white;
}

html {
    height: 100%;
}
body {
  font-family: 'Average', serif;
}

.page-wrap {
  max-width:1200px;
  margin:0 auto;
}

.background {
  background:#910041;
  padding:30px;
  color:white;
}

.background h1,
.background h2,
.background h3,
.background h4,
.background h5 {
  color:white;
}


.vcard {
  background:#910041;
  color:white;
  padding:11px 20px;
  margin-top:100px;
  max-width:500px;
  margin:0 auto;
}

ul {
  padding-left:20px;
  list-style-image: url('list-line.png');
}

li {
  background: url(list-line.png) no-repeat left 13px;
  padding: 0px 0px 3px 20px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

.vcard a,
.contact a {
  color:white;
}

h1.headline-intro {
  // text-transform:uppercase;
  font-size: 42px;
  font-weight:normal;
}




.logo {
  max-width:340px;
  text-align:center;
  margin:0px auto 0 auto;
  text-transform:uppercase;
}
.logo h1 {
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:normal;
  margin-bottom:0px;
  font-size:32px;
  margin-left:0!important;
}

.logo h2 {
  margin-top:5px;
  font-weight:normal;
  font-size:14px;
  font-style: italic;
  text-transform:capitalize!important;}

.logo p {
  letter-spacing:0.2pt;
  padding:10px;
  font-size:16px;
  line-height:1.5;
  border-top:2px solid #910041;
  border-bottom:2px solid #910041;
}

.content,
.header {
  margin:0 20px;
}


h1,h2,h3,h4,h5,h6 {
  font-family: 'Average', serif;

}

body{
   background-color: #FFF;
   padding: 0px;
   margin: 0px;
}

#gradient {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

br.clear {
  clear:both;
}

img {
  max-width:100%;
  height:auto;
}

.footer a {
  color:white;
}

.text {
  max-width:500px;
}

@media (min-width:1025px) {
.footer {margin-top:50px;margin-bottom:50px;}
  .footer h1 {
  float:left;
  max-width:390px;
  margin-right:15%;
  min-height:250px;
  margin-top:13px;
}
  body {font-size:22px;}
  .logo { margin:70px auto 70px auto; }
  h1.title {
    margin:100px 30px 40px 10%;
    font-size:56px;
  }
  h1,h2,h3,h4,h5 {
    margin-left:5%;
  }
  .text-intro {
    max-width:600px;
    margin-top:50px;
    margin-left:10%;
  }

  .text-service {
    max-width:700px;
    margin-left:10%;
  }

  .text {
    max-width:600px;
    margin-left:10%;
  }

  .headline-service {
    margin-top:100px;
  }


.background .contact {
  float:right;
  margin-top:-439px;
  font-size:20px;
  padding-right:30px;
}
}