/*Contact Page*/


		.intro-bg {

			background: url(../img/pindrop2.png) left no-repeat,
                  url(../img/map-header.png) center no-repeat;
      background-position: center -500px, center;
			background-size: cover, cover;

		}

    .drop-it {
      background-position: center 0px, center;
      transition: all .2s ease;

    }

    /*.dott {
      -webkit-transform: scale(.3,.3);
      position: absolute;
      height: 100%;
      width: 100%;
      background: url(../img/pincircle.png) center no-repeat;
    }

    .dott-zoom {
      -webkit-transform: scale(1,1);
      transition: all .15s ease;
    }*/

    .copyright {
      padding-bottom: 40px;
    }

		.clients {
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
        background: #000;
        width: 100%;
        padding: 5em 1em;
		}

    .clients img {
      min-width: 0;
    }

    .client-row {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: auto;
      max-width: 1400px;
      background: yellow;

    }

    .client-cell {
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 16.666%;
      padding: 1em;
      background: blue;
      min-height: 180px;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
    }

    .amex {
      background: url(../img/amex.png) center no-repeat;
    }

    .bacardi {
      background: url(../img/bacardi.png) center no-repeat;
    }

    .bombay {
      background: url(../img/bombay.png) center no-repeat;
    }

    .cazadores {
      background: url(../img/cazadores.png) center no-repeat;
    }

    .coke {
      background: url(../img/coke.png) center no-repeat;
    }

    .dasani {
      background: url(../img/dasani.png) center no-repeat;
    }

    .dewars {
      background: url(../img/dewars.png) center no-repeat;
    }

    .martini {
      background: url(../img/martini.png) center no-repeat;
    }

    .revlon {
      background: url(../img/revlon.png) center no-repeat;
    }

    .stella {
      background: url(../img/stella.png) center no-repeat;
    }

    .tulla {
      background: url(../img/tulla.png) center no-repeat;
    }

    .vespa {
      background: url(../img/vespa.png) center no-repeat;
    }

  		.mission {
  			width: 100%;
  			padding: 75px 0;
  			background: white;
  			text-align: center;
  			text-transform: uppercase;
  			margin: auto;
  		}

  		.mission h1 {
  			font-size: 3em;
  			font-family: 'AlphaBold', sans-serif;
  		}

  		.mission span {
        display: block;
  			font-family: 'AlphaBold', sans-serif;
  			font-size: 1.3em;
  			letter-spacing: 0;
  			color: #3f565e;
  			line-height: 28px;
        width: 700px;
        margin: auto;
  		}

      .mission span a {
        color: #3f565e;
      }

  		.mission img {
        max-width: 450px;
  			min-width: 0;
  			display: inline-block;
  		}

  		.star {
  			background: url(../img/opperman-star.png) center no-repeat;
  			width: 38px;
  			height: 38px;
  			display: inline-block;
  			padding: 0 10px;
  		}

  		.mission h2 a {
  			text-decoration: underline;
  			color: #3f565e;
  		}

      .pindrop {
/*        width: 83px;
        height: 115px;
       /* -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);*/
        /*-webkit-transform: translateX(400px);
        -moz-transform: translateX(400px);
        -o-transform: translateX(400px);
        transform: translateX(400px);*/
      }

      /*.drop-it {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        transition: all .4s ease;
      }*/


      @media screen and (max-width: 1200px) {

          .client-row {
            width: 100%;
          }

          .client-cell {
        width: 33.3333%;
      }

      }

      @media screen and (max-width: 800px) {


      .client-cell {
        width: 50%;
      }

        .location, .contact {
        font-size: 1.1em;
        width: 100%;
        padding: 80px 0 30px 80px;

      }

      .copyright {
        clear: both;
        width: 100%;
        text-align: left;
        padding: 80px 0 30px 30px;

      }

      }

      @media screen and (max-width: 600px) {

        .mission span {
          font-size: 1em;
          width: 550px;
          line-height: 20px;
        }

        /*.clients {
          background-size: cover;
        }*/

      }

      @media screen and (max-width: 480px) {

        .mission span {
          font-size: 1.2em;
          width: 340px;
          line-height: 24px;
        }

        .mission img {
          max-width: 360px;
          margin-bottom: 20px;
        }

      }

      .location, .contact {
        font-size: 1em;
        padding: 65px 0 0 30px;

      }

  /*    .copyright {
        font-size: .8em;
        clear: both;
        padding: 80px 0 30px 30px;

      }*/

      @media screen and (max-width: 400px) {

        .clients {
          padding: 1em 1em;
        }

        .client-cell {
      -webkit-background-size: 90%;
      -moz-background-size: 90%;
      -o-background-size: 90%;
      background-size: 90%;
        }

      }


      @media screen and (max-width: 320px) {

        .mission img {
          max-width: 290px;
        }

        .mission span {
          font-size: 1em;
          width: 280px;
          line-height: 20px;
        }


      }