@charset "UTF-8";
/* CSS Document */
body {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  line-height: 1.4em;
    background-image: url("images/bg-pink.jpg");
    background-color: #d26593;
 background-repeat: no-repeat; 
  background-attachment: fixed;
  
 background-size: cover;s
  background-position: top; 
  background-repeat: no-repeat; /* Do not repeat the image */
}
p {
  font-size: 1em;
}
h1 {
  font-size: 2.5em;
line-height: 3.5;
    margin: 0;
}
h2 {
  font-size: 1.5em;
line-height: 1.5em;
  margin-bottom: -0.5em;
}
p a {
  display: inline-block;
  text-decoration: underline;
  transition: all 0.3s;
  background-size: 100% 200%;
  background-image: linear-gradient(to top, #000 50%, rgba(255, 255, 255, 0) 50%);
  color: #000;
}
p a:hover {
  background-position: 0 100%;
  color: #fff;
}
.centericons {
  text-align: center;
  margin: auto;
  width: 100%;
  grid-column: 1 / 3 ;
}
.logo {
  text-align: center;
    background: url(http://devilsteeth.org/images/insta-icon-over.png) no-repeat -9999px -9999px;
}
.divider {
    max-width: 70%;
    text-align: center;
}
section {
  max-width: 700px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
    background: url(http://devilsteeth.org/images/li-icon-over.png)) no-repeat -9999px -9999px;
}
section img {
    margin: auto;
}
.centerp {
    text-align: center;
}
.productimg {
  width: 100%;
}
.productimg:hover {
  box-shadow: 3px 3px 11px rgba(33,33,33,.4); 
    cursor: pointer;
  transition-timing-function: ease;
  transition: 0.5s;
}
.fullsize {
  grid-column: 1 / 3 ;
    margin: 0;
}
.product1 {
  grid-column: 1 / 2 ;
  padding: 1em;
  text-align: center;
}
.product2 {
  grid-column: 2 / 3 ;
  padding: 1em;
  text-align: center;
}
.insta {
  background: url(http://devilsteeth.org/images/insta-icon.png);
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: 0px 15px 30px;
  text-align: center;
  transition-timing-function: ease;
  transition: 0.5s;
}
.insta:hover {
  background: url(http://devilsteeth.org/images/insta-icon-over.png) no-repeat;
}
.linked {
  background: url(http://devilsteeth.org/images/li-icon.png);
  Width: 50px;
  height: 50px;
  display: inline-block;
  margin: 0px 15px 30px;
  text-align: center;
  transition-timing-function: ease;
  transition: 0.5s;
}
.linked:hover {
  background: url(http://devilsteeth.org/images/li-icon-over.png) no-repeat;
}
.btn {
  background-color: #2D7293;
  border: none;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  padding-top: .5em;
  padding-right: 2em;
  padding-left: 2em;
  padding-bottom: .5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: .8em;
  font-weight: 600;
  margin: 1em ;
  border-radius: 50px;
  overflow: hidden;
  transition-timing-function: ease;
  transition: 0.5s;
}
.btn:hover, .btn:focus {
  background-color: #000000;
}
footer {
  background: #000000;
  text-align: center;
  padding: 6em;
}
footer p {
  color: #FFFFFF;
}
@media screen and (max-width: 650px) {
  section {
    margin: auto;
    display: grid;
    padding: 1em;
    grid-template-columns: 1fr;
  }
  .fullsize {
    grid-column: 1 / 2 ;
  }
  .product1 {
    grid-column: 1 / 2 ;
    text-align: center;
  }
  .product2 {
    grid-column: 1 / 2 ;
    text-align: center;
  }
    .centericons {
  text-align: center;
  margin: auto;
  width: 100%;
  grid-column: 1 / 3;
}
}