body{
  overflow-x: hidden;
}

@font-face {
  font-family: 'HaasStretch';
  src: url('haasstretch.eot'); /* IE9 Compat Modes */
  src: url('haasstretch.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('haasstretch.woff2') format('woff2'), /* Super Modern Browsers */
       url('haasstretch.woff') format('woff'), /* Pretty Modern Browsers */
       url('haasstretch.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('haasstretch.svg#svgFontName') format('svg'); /* Legacy iOS */
}



.scd{
  color:#000;
	font-size: 22px;
	font-family: 'HaasText';
	-webkit-font-smoothing: antialiased;
}

.scd a {text-decoration:underline!important;color:#3d3d3d!important;}

.scd p {
  width: 80%;
  margin: 20px auto;
}

.scd h1, .scd h2, .scd .author {
	font-family: 'HaasStretch'!important;
}



.scd h1 {
	font-size: 140px;
  color:red;
  text-transform: uppercase;
  text-shadow:
   -2px -2px 0 blue,
    2px -2px 0 blue,
    -2px 2px 0 blue,
     2px 2px 0 blue;
}

.scd h2 {
  font-size: 80px;
  color:yellow;
  text-shadow:
   -2px -2px 0 red,  
    2px -2px 0 red,
    -2px 2px 0 red,
     2px 2px 0 red;
}

.scd .author {
  margin-top: 20px;
  font-size: 34px;
  color:blue;
  text-shadow:
    -1px -1px 0 yellow,  
    1px -1px 0 yellow,
    -1px 1px 0 yellow,
    1px 1px 0 yellow;
}


.header {
  width: 100%;
  height: 800px;
  background: url(couponer2.jpg);
  text-align:center;
  position: relative;
  min-width: 300px;
}
.scd .title{
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  -webkit-transform: translate(-50%, -50%); 
  -ms-transform: translate(-50%, -50%); 
}

.pullQ{
  border: 5px dotted red;
  width: 280px;
  font-size:30px;
  text-transform:uppercase;
	font-family: 'HaasStretch'!important;
  -webkit-box-shadow: 2px 2px 19px -2px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 19px -2px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 19px -2px rgba(0,0,0,0.75);
}



.left{float:left;margin: 20px }
.right{float:right;margin: 20px }

.pullQlarge {font-size:54px;line-height:45px;}
.pullQsmall {font-size:34px;line-height:30px;}

.lilcorner{
  position:absolute;
  z-index:2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 70px 0 0;
  border-color: #0066ff transparent transparent transparent;
  line-height: 0px;
  _border-color: #0066ff #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.lilcornerp{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); 
  -ms-transform: rotate(-45deg); 
  font-size:20px;
  position:relative;
  top:-26px;
  left:10px;
  color:yellow;
}




hr{
  border-top: 5px dashed blue;
  height:0;
  border-bottom: none;
}

.sectionbreak:first-line{font-weight: bold}

.dividerwrap{position: relative;}

.scissors {
  background-image: url("scissors.svg");
  position: absolute;
  top: -25px;
  right: 2400px;
  width: 75px;
  height: 53px;
  z-index: 7;
}

@-webkit-keyframes scissor {
    from {
      right:-75px;
    }
    to{
      right:2400px;
    }
}

.scissorAnimation {
  -webkit-animation: scissor 8s linear; 
}

.photo{position: relative;}
.caption{position: absolute;font-size: 10px; bottom:-10px;left: 0px;opacity: .5}

::selection {background-color: blue; color: yellow; }
::-moz-selection {background-color: blue; color: yellow; }








@media only screen and (max-width: 1150px) {
  .scd h1 {font-size: 100px;}
  .scd h2 {  font-size: 50px;}
  .scd .author { font-size: 34px;}
  .header {height: 600px;}

}


@media only screen and (max-width: 800px) {
  .left{float:none;margin: 20px auto;text-align: center; }
  .right{float:none;margin: 20px auto;text-align: center;}  
  .scd{font-size: 19px;}
}


@media only screen and (max-width: 650px) {
  .scd h1 {font-size: 80px;}
  .scd h2 {  font-size: 40px;}
  .scd .author {font-size: 30px;}
  .scd{font-size: 18px;}


}



@media only screen and (max-width: 440px) {
  .scd h1 {font-size: 50px;
  text-shadow:
   -2px -2px 0 blue,
    2px -2px 0 blue,
    -2px 2px 0 blue,
     2px 2px 0 blue;}
  .scd h2 {  font-size: 35px;
  text-shadow:
   -2px -2px 0 red,
    2px -2px 0 red,
    -2px 2px 0 red,
     2px 2px 0 red;}
  .scd .author {font-size: 24px;
  text-shadow:
   -1px -1px 0 yellow,
    1px -1px 0 yellow,
    -1px 1px 0 yellow,
     1px 1px 0 yellow;}

.scd{font-size: 16px;}

.scd p {width: 90%;}
}