*,
*:before,
*:after {
  box-sizing: border-box;
}

.cf:after {
  content:"";
  display: table;
  clear: both;
}

.clear {
    clear: both;
}

html, body {
  margin: 0 auto; 
}

html {
    width: 100%;
}

h1, h2, h5 {
  margin: 0;
   font-family: 'cormorant_garamondbold', serif;
}

h1 {
  width: 40%;
  float: left;
  border-left: 50px solid #c1eae2;
  padding-top: 20px;
  padding-left: 5%;
  padding-bottom: 50px;

}

body, p {
  font-family: 'freeserifregular', serif;
    font-size: 1em;
    color: #000;
}

p {
  font-size: 18px;
  line-height: 1.5em;
}

h1 {
  font-size: 3.5em;
  /*letter-spacing: .02em;*/
}

h2 {
  font-size: 3em;
  display: inline-block;
  line-height: 1em;
}

h3 {
  font-size: 1.5em;
  line-height: 1.3em;
}

h4 {
  font-family: 'ubuntubold', sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #000;
  margin: 0;
  font-weight: bold;
}

h5 {
  font-size: 1.6em;
}

.gallerypage h1 span {

  /*font-family: 'cormorant_garamondbold_italic', serif;*/
  font-family: 'cormorant_garamondbold', serif;
  font-size: 25px;
  padding-top: 10px;
  display: block;
}

.caption p {
  font-family: 'cormorant_garamondbold_italic', serif;
  font-style: italic;
  font-size: 20px;
  margin-bottom: 10px;
}

a {
  font-size: 1em;
   font-family: 'ubuntubold', sans-serif;
   text-transform: uppercase;
  text-decoration: none;
  color: #000;
  letter-spacing: .05em;
  padding: 9px;
  border: 0px;
  cursor: pointer;
      transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
}



ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


.contain {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.section {
  position: relative;
}


/*Style nav*/

.navigation_container {
  position: relative;
  top: 0;
  z-index: 500;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
}

.prenav {
    z-index: 500;
    margin-top: 20px;
    position: relative;
}

nav input {
  display: none;
}

nav {
  z-index: 500;
  background-color: #fff;
  width: 100%;
}

a.navlogo {
  margin: 0 auto;
}
.navlogo img {
  width: 280px;
}

nav .wrapper {
 margin: 0 auto;
}

nav ul li.icon {
  display: none;
}

nav a {
  font-family: 'cormorant_garamondbold', serif;
  text-transform: uppercase; 
  border: none;
  padding: 5px;
  padding: 8px 10px;
  color: #000;
  font-size: 18px;
  /*letter-spacing: .05em;*/
}


.envelopeicon {
  font-size: 1.5em;
  color: #EA6B84;
  vertical-align: middle;
}


nav ul a:hover, nav ul a:focus {
  color: #88d7c7;
  border: none;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
     background-color: transparent;
    
}

a.navlogo:hover,
a.navlogo:focus,
a.navlogo:active {
  border: none;
}

nav ul {
  margin: 0 auto;
  text-align: center;
  border-bottom: 2px solid #c1eae2;
  margin-bottom: 15px;
}

nav ul li {
  position: relative;
  display: inline-block;
  padding: 1em 1em;
    cursor: pointer;
     z-index: 5;
}

nav ul li.active {
   color: #a47043;
 }

nav ul li ul {
   display: none;
   position: absolute;
   width: 220px;
   background-color: #c1eae2;
}


nav ul li ul li {
    position: relative;
    display: block;  
    text-align: left;
    padding: 0;
  }

nav ul li ul li a {
  text-transform: none;
  font-size: 20px;
  letter-spacing: 0;
  display: block;
  padding: 15px 10px 15px 10px;
}

nav ul li > a:not(:only-child):after {
    position: static;
}



nav ul li:hover ul.nav-dropdown a:hover,
nav ul li:hover ul.nav-dropdown a:active,
 nav ul li:hover ul.nav-dropdown a:focus {
    color: #fff;
/*background-color: #88d7c7;*/
background-color: #7ac1b3;
}


nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}



.hero {
  margin: 0 auto;
  width: 100%;
  height: 500px;
  background-color: #EA6B84;
  background: url(../images/hero.jpg);
  background-position: 80% 25%;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
}

.hero .textbox {
  width: 45%;
  position: relative;
  top: 60px;
  left: 10%;
  padding-bottom: 30px;
  text-align: center;
  background-color: #88d7c7;
  /*background-color: #c1eae242;*/
  /*border: 2px solid #c1eae2;*/
  border: 2px solid #fff;
}
  

.hero h1 {
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 3em;
  color: #fff;
  line-height: .9em;
  width: 100%;
  float: none;
  border-left: none;
  padding-top: 0;
  padding-bottom: 0;

}


h1.heroheader span {
  text-transform: none;
  font-style: italic;
  font-size: .8em;
  letter-spacing: 0;
}

h1.heroheader span.by {
  font-size: .6em;
}

.hero ul {
  color: #000;
  font-size: 1.4em;
  padding-top: 15px;
  padding-bottom: 20px;
  line-height: 1.5em;
}

.hero .flourish {
  width: 150px;
  margin: 0 auto;
  position: relative;
  top: -30px;
}

a.selected {
  color: #7ac1b3;
}

a.type01 {
  color: #000;
  background-color: #c1eae2;
  text-align: center; 
}


a.type02 {
  color: #000;
  background-color: #fff;
  text-align: center;
}

a.type03 {
  color: #fff;
  background-color: #000;
  text-align: center;
}

a.plainlink {
  color: #7ac1b3;
  padding-left: 0;
  padding-right: 0;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: color;
    transition-property: color;

}

a.plainlink02 {
  font-size: .8em;
  padding: 0;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: color;
    transition-property: color;
}

a.type01, a.type02, a.type03 {
     display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color, transform;
    transition-property: color, background-color, transform;
}

a.type01:hover, a.type02:hover, a.type03:hover,
a.type01:focus, a.type02:focus, a.type03:focus {
      /*background-color: #88d7c7;*/
      background-color: #7ac1b3;
      /*background-color: #74908b;*/
    color: white;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

a.plainlink:hover, a.plainlink:focus,
a.plainlink02:hover, a.plainlink02:focus {
  color: #88d7c7;
}  

.aos-all {
  width: 1000px;
  max-width: 98%;
  margin: 10vh auto 0 auto;
}

.aos-item {
  display: inline-block;
  float: left;
  /*width: 33.3333%;
  height: 300px;
  padding: 20px;*/
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #1da4e2;
  line-height: 25px;
  text-align: center;
  color: #fff;
}


.textbox02 {
  width: 30%;
  padding-top: 20px;
  position: relative;
  z-index: 5;
}


img.home_aboutsil {
  width: 60%;
  float: left;
}

.homeevent .holding {
  width: 50%;
  padding: 5%;
  padding-top: 6%;
  float: left;
}

.svg-holder {
  width: 100%;
}

.divider {
  border-top: 2px solid #c1eae2;
  border-bottom: 2px solid #c1eae2;
  margin-bottom: 25px;
  margin-top: 70px;
  height: 20px;
  position: relative;
}

.scissors_icon {
  width: 150px;
  margin: 0 auto;
  position: absolute;
  left: 45%;
  top: -25px;
}

.home_aboutcontainer {
  margin-top: 50px;
  margin-bottom: 20px;
}

.home_aboutcontainer .holding {
  width: 40%;
  float: left;
  padding: 20px;
  padding-left: 50px;
}

.homeabout .holding {
  width: 50%;
  padding: 5% 0;
  float: left;
}

.home_aboutcontainer .flourish {
  width: 100%;
  float: left;
}

.home_aboutcontainer .flourish .svg-holder {
  width: 50%;
}

.home_aboutcontainer .textbox {
  width: 100%;
  float: left;
}

.tealbkgd {
  background-color: #c1eae2;
  width: 100%;
}

.homeevent .flourish, .homeabout .flourish {
  float: left;
  width: 20%;
}

.homeevent .textbox, .homeabout .textbox {
  float: left;
  width: 75%;
}

img.home_event {
  width: 40%;
  float: right;
}

img.home_tealgirl {
  width: 55%;
  float: left;
  margin-top: 10px;
}

.home_custom {
  margin-top: 50px;
}

.home_custom .holding {
  width: 40%;
  float: left;
  padding: 20px;
  padding-left: 50px;
}

.home_custom .flourish {
  width: 90%;
  float: left;
}

.home_custom .flourish .svg-holder {
  width: 50%;
}

.home_custom .textbox {
  width: 100%;
  float: left;
}

.fullscreen {
  width: 100%;
  background: #f6c5bf;
  padding-bottom: 60px;
}

.home_gallerylinks {
  text-align: center;
}

.home_gallerylinks h2 {
  display: block;
  padding-top: 70px;

}

ul.portrait_types {
  clear: both;
  padding-top: 15px;
}

ul.portrait_types li {
  display: inline-block;
  float: left;
  text-align: center;
  width: 33.3333%;
  padding: 25px;
  padding-top: 0px;
  padding-bottom: 80px;
  position: relative;
}

ul.portrait_types a {
  transition: .5s ease;
  width: 100%;
  height: 385px;
  /*background-color: #c1eae2;*/
  display: inline-block;
    background-size: 100%;
  }
   

   .homeabout {
    padding-bottom: 50px;
   }

.hovereffect {
  transition: .5s ease;
  /*background-color: #c1eae2;*/
}

.hovereffect:hover {
  background-color: #7ac1b3;
}


ul.portrait_types li h4 {
  margin-bottom: 15px;
}

ul.portrait_types li img {
  width: 270px;

}

.colorful {
  width: 50%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #c1eae2;
  float: left;
  position: relative;
}

img.home_about {
  width: 40%;
  float: left;
}

img.home_img_02 {
  width: 30%;
  float: left;
  margin-left: 30px;
}

 .fleft {
  width: 50%;
  float: left;
 }


.mrs {
  margin-right: 8px;
}


footer {
  width: 100%;
  height: 54px;
  padding-top: 10px;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #c1eae2;
}

footer p {
  font-size: 18px;
  margin: 0;
  display: inline-block;
  float: left;
  padding-top: 3px;
}

footer a.emaillink {
  font-size: 15px;
  float: left;
  padding: 5px;
  margin-left: 15%;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.fa-envelope {
  margin-right: 5px;
}

footer ul.socialmedia {
  float: left;
  margin-left: 20%;
  margin-top: -5px;
}

ul.socialmedia li {
  display: inline-block;
}

ul.socialmedia li a {
  font-size: 18px;
      display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.prenav ul.socialmedia {
 position: absolute;
 right: 20px;
 top: 0;
}

.prenav ul.socialmedia a:hover,
.prenav ul.socialmedia a:focus {
  color: #88d7c7;
      -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

footer ul.socialmedia li a:hover,
footer ul.socialmedia li a:focus {
  color: #fff;
      -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

footer a.emaillink:hover,
footer a.emaillink:focus {
  color: #fff;
-webkit-transform: scale(1.1);
    transform: scale(1.1);
}


#aboutkathrynpage h1 {
  padding-left: 6%;
}

#presspage h1 {
width: 20%;
}


.aboutkathrynopeningimage {
  width: 40%;
  float: right;
  margin-left: 50px;
  margin-right: 50px;
}

#aboutkathrynpage .textbox {
  width: 40%;
  display: inline-block;
  float: left;
  margin-left: 10%;
}

#aboutkathrynpage .textbox02 {
  width: 40%;
  display: inline-block;
  float: left;
  /*padding: 0 5%;*/
}

#aboutkathrynpage .textbox02 img {
  width: 100%;
}

#aboutkathrynpage .imgholder01 {
  width: 40%;
  float: left;
  position: relative;
}

#aboutkathrynpage .imgholder01 img {
  width: 100%;
}

#aboutkathrynpage .imgholderbook {
  width: 40%;
  position: relative;
  left: 10%;
}

#aboutkathrynpage .imgholderbook img {
  width: 100%;
  margin: 0;
  margin-top: 10px;
}

#aboutkathrynpage .imgholderbook .caption,
#aboutkathrynpage .vidcap .caption {
  top: 0;
}

#aboutkathrynpage .imgholderbook .caption p {
  margin-top: 0;
}

.caption {
  border-bottom: 2px solid #c1eae2;
  display: block;
  width: 100%;
  position: relative;
  top: 10px;
}


#aboutkathrynpage {
  padding-bottom: 20px;
}

#aboutkathrynpage .imgholder01 {
  margin-bottom: 50px;
}

#aboutkathrynpage .vidcap,
#ringgallerypage .vidcap {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;

}


#aboutkathrynpage .holding {
  width: 50%;
  float: left;
  margin-left: 50px;
}

#aboutkathrynpage .holding .flourish .svg-holder {
  width: 35%;
}

#aboutkathrynpage .holding2 .flourish .svg-holder {
  width: 40%;
}

#aboutkathrynpage .holding2 {
  margin-top: 50px;
}

#aboutkathrynpage .holding2 .firstcharacter {
  padding-bottom: 100px;
}

#aboutkathrynpage .otherlinks {
  padding: 20px;
  border-left: 50px solid #c1eae2;
  margin-top: 30px;
  padding-right: 100px;
}

.otherlinks .scissors_icon {
    width: 25%;
    position: static;
    margin: 0;
}

.firstcharacter {
  color: #74908b;
  float: left;
  font-family: 'cormorant_garamondbold', serif;
  font-weight: bold;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

.about .videoholder01,
#ringgallerypage .vidcap .videoholder03,
.videoholder04 {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}

.about .videoholder01 iframe,
#ringgallerypage .vidcap .videoholder03 iframe,
.videoholder04 iframe {
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


#historypage {
  padding-bottom: 100px;
}


#historypage h1 {
  width: 100%;
}

#historypage .textbox {
  width: 45%;
  float: left;
}

#historypage .textbox p {
 padding-left: 13%;
}

#historypage .videoholder02 {
  width: 45%;
  float: left;
  padding-left: 8%;
}

#historypage .videoholder02 iframe {
  width: 100%;
  height: 500px;
}

#aboutkathrynpage .holding2 {
  width: 50%;
  float: left;
  margin-left: 50px;
}

.mt50 {
  margin-top: 50px;
}

#eventgallerypage h1 {
  width: 45%;
}

#weddinggallerypage h1 {
  width: 50%;
}

.gallery {
  text-align: center;
  margin: 0 auto;
}

.thumb {
  width: 20%;
  padding: 10%;
  /*height: 180px;*/
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin: 20px;
}

a.gallery-item {
  background: black;
  width: 100%;
   position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

a.diff {
  left: 15%;
}

a.gallery-item img {
  /*text-align: center;
  width: 300px;*/
   position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);

}

a.gallery-item img.portrait {
  position: absolute;
  width: 100%;
  height: auto;
   -webkit-transform: translate(-50%,-40%);
      -ms-transform: translate(-50%,-40%);
          transform: translate(-50%,-40%);
}

#presspage .gallery .thumb {
  width: 25%;
    height: 300px;
  margin: 20px;
}

.clipping {
  width: 45%;
  margin: 0 auto;
}

.clipping .flourish {
  width: 50%;
}

.clipping .flourish .svg-holder {
  width: 60%;
}

img.flip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}


p.instruction {
  font-family: 'cormorant_garamondbold_italic', serif;
  text-align: center;
  margin-top: 25px;
  font-size: 20px;
  width: 100%;
}

.clipping p {
  width: 100%;

}

.clipping {
  width: 565px;
}

.clipping .firstcharacter {
  font-size: 200px;
  line-height: 120px;
}

.clipping .instruction {
  margin-top: 50px;
}

img.eventwedding01,
img.eventwedding03 {
  width: 60%;
  float: left;
}

img.eventwedding02 {
  width: 30%;
  float: right;
}

.eventwedding .flourish {
  width: 40%;
}

.eventwedding .textbox {
  width: 35%;
  float: left;
  margin-left: 20px;
  padding: 20px;
}


.weddingvideo {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.eventwedding iframe {
  width: 560px; 
  height: 315px;
  margin: 0 auto;
  display: block;
 margin-top: 50px;
}

.eventwedding .weddingaccents {
 padding-top: 50px;
text-align: center;
  margin: 0 auto;
}

.eventwedding .weddingdaysils {
  text-align: center;
  margin: 0 auto;
}

.eventwedding .weddingaccents h3,
.eventwedding .weddingdaysils h3 {
  margin: 0;
} 

.eventwedding .weddingaccents .textbox {
  width: 50%;
  float: left;
  padding-left: 5%;
  padding-right: 5%;
  margin-left: 5%;
  margin-top: 50px;
}

.flourish09 {
  width: 150px;
  margin: 0 auto;
}

.flourish09 img {
  width: 50%;
}

.mbtwo {
  margin-bottom: 50px;
}

.eventszoompics img.zoom01 {
 width: 33%;
 float: left;
}

.eventszoompics img.zoommid {
  margin-left: .5%;
  margin-right: .5%;
}

.eventwedding img.varwed {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.eventwedding .weddingaccents img.caketopper {
  width: 30%;
}

.eventwedding .weddingdaysils {
  margin-top: 20px;
}

.eventwedding .weddingdaysils img.weddingsilpic {
  width: 60%;
}


.eventbirthday {
  margin-top: 25px;
}

.eventbirthday .textbox {
  width: 50%;
  float: left;
  padding-left: 2em;
}

.eventbirthday .textbox .flourish09,
.eventcorp .textbox .flourish09 {
  margin-bottom: -30px;
  margin-top: 20px;
}

.eventbirthday .textbox .flourish {
width: 35%;
}


.eventbirthday img.bday01 {
  width: 40%;
  float: right;
}


.eventbirthday02 {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.eventbirthday02 img.bday02 {
 width: 33%;
 float: left;
}

.eventbirthday02 img.bdaymid {
  margin-left: .5%;
  margin-right: .5%;
}

.eventcorp {
  margin-top: 30px;
}

.eventcorp .textbox {
  width: 40%;
  float: right;
  margin-top: 70px;
  margin-right: 4%;
}

.eventcorp img.bday01 {
  width: 50%;
  float: left;
}


.eventsofnote ul li span {
  font-weight: bold;
}

.shoppage .shopintro {
  margin-top: 50px;
  margin-bottom: 30px;
}

.shoppage .shopintro .textbox {
  width: 35%;
  float: left;
}

.shoppage h1 {
  width: 100%;
  padding-right: 30%;
}

.handcut {
  width: 100%;
  float: left;
}


.shoppage .shopintro img {
  width: 65%;
  float: right;
}


.shoppage .shopetsy {
  width: 100%;
 background-color: #000;
 /*background-color: #55828B;*/
  /*background-color: #304d47;*/
  color: #fff;
  padding-top: 40px;
  padding-bottom: 50px;
}

.shoppage .shopetsy h2 {
  color: #7ac1b3;
  font-size: 4em;
}

.shoppage .shopetsy h3 {
  font-size: 1.8em;
  margin-bottom: 5px;
  letter-spacing: .01em;
}

.shoppage .shopetsy .textbox {
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
}

.shoppage ul.portraitguidelines {
  font-size: 1.3em;
}

.shoppage .shopetsy .textbox .scissors_icon {
  position: initial;
}

.shoppage .shopetsy p {
  font-size: 22px;
  color: #fff;
}

.perfectphoto {
  width: 100%;
  /*background-color: #aee4d9;*/
  background-color: #88d7c7;
  /*background-color: #7ac1b3;*/
}

.perfectphoto img {
  float: left;
  width: 20%;
}

.perfectphoto .textbox {
  text-align: center;
  width: 70%;
  float: left;
}

.perfectphoto a {
  padding: 9px 80px;
}

.perfectphoto h2 {
  padding-top: 50px;
  margin-bottom: 25px;
}

.types {
  text-align: center;
}

.types h2 {
  padding-top: 50px;
}

.types h3 {
  margin-bottom: 10px;
  font-size: 2em;

}

.types p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.types img {
  margin-top: 20px;
}

.tradsil {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
}

.quad img {
  margin-bottom: 10px;
}

.body {
  display: inline-block;
  width: 40%
}

.medium {
  display: inline-block;
  width: 30%;
}

.types a.plainlink02 {
  display: block;
  width: 40%;
  margin: 0 auto;
}

.shopetsy a.plainlink02 {
  display: block;
  width: 70%;
  margin: 0 auto;
}

.contactme a.plainlink02 {
  display: block;
  width: 30%;
  margin: 0 auto;
}

img.paperportraitsl {
  width: 100%;
  margin-top: 0;
}

.frames {
  background-color: #88d7c7;
}

.frames .holding {
  width: 55%;
  float: left;
  margin-top: 10%;
  margin-right: 50px;
  padding-bottom: 30px;
}

.frames .flourish {
  width: 20%;
  float: left;
  display: inline-block;
  padding-bottom: 200px;
}

.frames img.framepic {
  width: 35%;
  float: right;
}

.silorn .holding {
  width: 60%;
  float: left;
  margin-top: 7%;
}

.silorn .flourish {
  padding-bottom: 250px;
  width: 15%;
}


.shopbook {
  background: #000;
  color: #fff;
}

.shopbook h3 {
  margin-top: 5px;
}

.shopbook p {
  color: #fff;
}

.shopbook .bookpic {
  float: left;
  width: 40%;
}

.shopbook .textbox {
  width: 40%;
  float: left;
  margin-left: 50px;
  margin-top: 50px;
  padding-bottom: 50px;
}

.shopbook .textbox .flourish {
  width: 30%;
}

.visit {
  margin-top: 50px;
  background: #c1eae2;
  padding-top: 30px;
  padding-bottom: 50px;
}

.visit .textbox {
  padding: 0 5%;
}

.visit .textbox p {
  font-size: 2em;
}


#perfectphotopage h1 {
  width: 100%;
}

#perfectphotopage .top {
  margin-bottom: 50px;
}

#perfectphotopage .top .container1 {
  float: left;
  width: 50%;
}

#perfectphotopage .top .container1 p {
  padding-left: 15%;
  padding-right: 10%;
}

#perfectphotopage .imgholderphoto {
  float: left;
  width: 30%;
  margin-left: 3%;
}

#perfectphotopage .imgholderphoto img {
width: 100%;
}

#perfectphotopage .good img {
  width: 50%;
  float: left;
}


#perfectphotopage .wrong {
  margin-top: 50px;
  text-align: center;
}

#perfectphotopage .wrong h2, 
#perfectphotopage .good h2  {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

#perfectphotopage .wrong .avoidfront {
  width: 45%;
  float: left;
  padding: 3%;
}

#perfectphotopage .wrong .avoidfront img {
  width: 80%;
}

#perfectphotopage .wrong .avoid {
  width: 33%;
  float: left;
  padding: 3%;
}

.eventspage h1 {
  width: 35%;
}

span.boldness {
  font-weight: bold;
}

.eventcontainer01 {
  position: relative;
}
.eventtextintro {
  width: 400px;
  float: left;
  position: relative;
  padding-top: 30px;
  right: 160px;
}

.eventtextintro .flourish {
  width: 100%;
}

.eventtextintro .allkinds {
  width: 500px;
  padding: 0px 100px 20px 100px;
  position: relative;
  left:-150px;
  /*background-color: #88d7c7;*/
}

.eventtextintro ul {
  margin-top: 25px;
  font-size: 1.2em;
  line-height: 40px;
}

.eventintro {
  width: 40%;
  float: right;
}

.eventspage {
  text-align: center;
}


.eventspage h1 {
  text-align: left;
}

.eventspage .eventcontactus {
  width: 50%;
  position: absolute;
  top: 480px;
  left: 50%;
  padding: 0 3%;
}

.eventspage .eventcontactus .scissors_icon {
  width: 15%;
  position: absolute;
  top: -50px;
  left: 43%;
}

.eventspage .weddingpic {
  width: 50%;
  float: right;
  position: absolute;
  right: 0;
}

.eventspage img.fl {
  width: 45%;
  float: left;
  padding-left: 10px;
}

.travel {
  width: 59%;
  float: left;
  margin-top: 30px;
}

.travel img.f2 {
  width: 100%;
  float: left;
}

img.f3 {
  width: 33%;
  float: right;
  margin-top: 69px;
}

.travel .firstcharacter {
  padding-top: 0;
  padding-right: 0;
  margin-right: -5px;
  line-height: 50px;
}

.space {
  padding-left: 2%;
  padding-right: 2%;
}

.space .textboxholder { 
width: 62%;
float: left;
}

.space .textbox {
  width: 50%;
  padding-right: 5px;
  float: left;
}

.space .flourish {
  width: 50%;
}

.cut100 {
  width: 37%;
  float: right;
  padding-left: 2%;
}

.cut100 img {
  width: 100%;
  margin-top: 45px;
}

.cut100 .scissors_icon {
  position: static;
  width: 25%;
}

.eventcontactagain {
  color: #fff;
  font-size: 1.2em;
  margin-top: 20px;
  padding: 30px;
  background-color: #000;
  /*background-color: #c1eae2;*/
}

.eventcontactagain h2 {
  margin-bottom: 25px;
  color: #aee3d9;
}

.eventcontactagain p {
  color: #fff;
}

.eventcontactagain .scissors_icon {
  position: static;
  width: 80px;
}

.eventcontactagain ul {
  margin-bottom: 25px;
}

.eventcontactagain span {
  font-size: 1.5em;
}

.eventfaq {
  text-align: center;
  margin-bottom: 50px;
  padding-top: 25px;
}

.eventfaq h3 {
  margin-top: 10px;
  margin-bottom: 15px;
}

.eventfaq ol {
  /*list-style-type: decimal;*/
  list-style-image: url(../images/flourish010.png);
  list-style-position: inside;
  width: 50%;
  margin: 0 auto;
}

.eventfaq ol li {
  /*padding-left: 10px;*/
  padding-top: 25px;
}

.eventfaq ol li ul {
  list-style-image: none;
}

.eventfaq h4,
.faqsection h4 {
  font-size: 1em;
}

.eventsofnote {
  padding-bottom: 50px;
  text-align: center;
}

.eventsofnote .contain {
  padding: 0 1em;
}

.eventsofnote .listcontainer {
  width: 65%;
  float: left;
  /*padding-left: 4em; */
}

.eventsofnote h2 {
  padding-top: 20px;
  padding-bottom: 50px;

}

.eventsofnote .column01 {
  font-size: .8em;
  width: 46%;
  float: left;
}

.eventsofnote .column02 {
  margin-left: 2em;

} 

.eventsofnote .column03 {
  width: 35%;
  float: right;
}

.eventsofnote .column03 img {
  width: 100%;
padding-top: 70px;
}

.shopetsy {
  text-align: center;
  /*margin: 0 auto;*/
  width: 50%;
  float: left;
  padding-left: 50px;
}

.shoppage .shopetsy {
  padding-left: 0;
}

.shopetsy .divider {
  margin-top: 25px;
}

.shopetsy .scissors_icon {
  left: 39%;
}

.gallerypage {
  text-align: center;
}

.galleryintro {
  width: 30%;
  position: relative;
  left: 15%;
  bottom: 100px;
}

.galleryintro .flourish {
  width: 80%;
}

.galleryintro h2 {
  font-size: 2em;
  text-transform: uppercase;
  line-height: initial;
}


img.childsilh {
  float: right;
    position: relative;
    width: 55%;
    top: 80px;
}

img.wedintro {
  width: 40%;
  float: right;
}

img.petintro {
  width: 35%;
  float: right;
}

img.eventgalleryintro {
  width: 45%;
  float: right;
}

.childrensilhpage h1 {
  width: 35%;
}
.childrensilhpage .shopetsy {
  width: 40%;
}

.petgallerypage h1 {
  width: 53%;
}

.petgallerypage .shopetsy {
  width: 60%;
}

.contactme {
  font-size: 1.2em;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
}

.contactme .divider {
border: none;
margin-top: 50px;
}

.contactme .scissors_icon {
  width: 100px;
  left: 46%;
}

.contactme h3 {
  margin-bottom: 5px;
  margin-top: 15px;
}

.contactme p {
  margin-top: 5px;
}

.contactme ul.socialmedia a {
  font-size: 30px;
  color: #7ac1b3;
}

.faqsection {
  text-align: center;
  margin-top: 30px;
}

.faqsection .flourish {
  width: 200px;
  float: left;
  display: none;
}

.faqsection h1 {
  width: 100%;
  border-left: none;
  padding-left: 0;
  padding-bottom: 20px;
}

.faqsection h2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.faqsection h3 {
  margin-bottom: 5px;
}

.questions ol {
  padding-bottom: 50px;
}

#ringgallerypage {

}

#ringgallerypage .questions ol {
  padding-bottom: 10px;
}

.questions ol li {
  margin: 0 auto;
  width: 55%;
}

#ringgallerypage ul.eyecandy {
  padding-bottom: 20px;
}

#ringgallerypage .questions .firstcharacter {
  float: none;
  padding-right: 5px;
}

/*.questions ol li:nth-child(odd) {
  padding-right: 50px;
}*/

ul.specialeventchoices {
  margin-top: 10px;
}

ul.specialeventchoices li {
  width: 100%;

}

ul.specialeventchoices li p {
  margin-top: 5px;
}

ul.specialeventchoices li span {
font-weight: bold;
font-style: italic;
font-size: 20px;
}

p.timestamp {
  font-style: italic;
}

#ringgallerypage .faqsection h1 {
  padding-top: 0;
}

#ringgallerypage .vidcap {
  margin-top: 0;
}

.wetaquote {
  border-left: 50px solid #c1eae2;
  width: 50%;
  text-align: left;
  margin: 0 auto;
}

 .wetaquote p {
  margin-left: 1em;
  font-style: italic;
  margin-top: 0;
}

.wetaquote .quote .scissors_icon {
  width: 20%;
  position: static;
  margin: 0;
  margin-left: 1em;
}


#zoompage {
  min-height: 100%;
  margin-bottom: -54px;
}

#zoompage .shopetsy {
  padding-bottom: 100px;
}

.push {
  height: 54px;
}

img.zoom {
  float: right;
    position: relative;
    width: 55%;
    top: 10px;
}

.zoomevents {
  padding-left: 20px;
  padding-right: 20px;
}

.zoomevents p {
  padding-left: 10px;
  padding-right: 10px;
}

.zoomevents .caption {
  top: 0;
  margin-bottom: 40px;

}

.shopcontainer01, .shopcontainer02 {
  background: #c1eae2;
}

.shopcontainer01 .piccontainer, .shopcontainer02 .piccontainer {
  width: 45%;
  float: left;
}

.leftone {
  margin-right: 5%;
}

.shopcontainer01 .piccontainer img.caketop {
  width: 100%;
  float: left;
}

.shopcontainer01 .piccontainer img.etchedorn {
  width: 100%;
  padding-top: 25%;
  float: left;
}

.shopcontainer02 .piccontainer img.caketop {
  width: 100%;
  float: left;
}
.shopcontainer02 .piccontainer img.caketop01 {
  width: 100%;
  float: left;
}

/*
.bookholder {
  width: 60%;
  float: left;
}

.essentialbook img {
  width: 100%;
  margin-top: 0;
  float: left;
}

.bookholder {
  width: 50%;
  float: left;
}

.bookholder .caption {
  display: block;
  width: 50%;
  clear: both;
  float: right;
}


*/

.agentleresourceintro {
  text-align: left;
}

.gentleresourcecover {
  padding-bottom: 1em;
}

.planningintro {
  float: none;
  padding-right: 0;
}

.essentialcaption {
  width: 50%;
  float: left;
}

.companionworksheetcontainer {
  padding-top: 4em;
}

.companionworksheets {
  width: 60%;
  float: left;
}

img.venmopic  {
  width: 25%;
}


.memsilcontainer {
  padding-top: 5%;

}

img.parentssilhouette {
  width: 25%;
  float: left;
}

.memorialsilhouettesparagraphs {
  width: 70%;
  padding-left: 5%;
  float: left;
}


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

  .hero .textbox {
    left: 8%;
  }

  .homeevent .holding {
    padding-right: 3%; 
  }


#aboutkathrynpage .videoholder01 {
  margin-left: 0;
}

}

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

  .shoppage .shopintro .textbox {
    width: 33%;
  }

  .shoppage .shopintro .textbox .firstcharacter {
    font-size: 6em;
    padding-top: 10px;
  }

.handcut {
  width: 90%;
  padding-left: 15%;
}

 .clipping {
      width: 55%;
    }

      .eventwedding .weddingdaysils img.weddingsilpic {
    width: 55%;
  }

.eventwedding .textbox {
  width: 37%;
}

.silorn .flourish {
  padding-bottom: 300px;
}



  }

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


  .divider {
    margin-top: 50px;
  }

  .divider01 {
  margin-top: 200px;
}

.homeevent .holding {
  padding: 3%;
  padding-top: 7%;
}

img.home_event {
      width: 45%;
    }

.home_gallerylinks h2 {
padding-top: 50px;
}

.eventwedding .textbox {
  padding: 0 15px;
  width: 40%;
}

img.eventwedding01 {
  width: 58%;
}

#weddinggallerypage .shopetsy {
  width: 55%;
}




 } 

@media screen and (max-width: 1194px) {
 
.home_custom .flourish {
  width: 80%;
}


.frames .holding {
  margin-top: 8%;
}

.handcut {
  width: 100%;
  padding-left: 15%;
}

.silorn .holding {
  width: 65%;
  float: left;
  margin-top: 6%;
}

.silorn img.framepic {
  width: 30%;
  margin-top: 2%;
}


}



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

  .navlogo img {
    width: 220px;
  }

  nav .wrapper {
    padding-top: 4px;
    padding-left: 50px;
  }

  nav li {
    padding: 1em .5em;
  }

  .hero p {
    margin-top: 0;
  }

  .imagesliding {
  width: 62%;
  top: 130px;

}

.home_custom .flourish {
  width: 60%;
}

.home_custom .holding {
  width: 45%;
}


footer ul.socialmedia {
  margin-left: 15%;
}

#aboutkathrynpage .imgholderbook {
  width: 85%;
  position: relative;
  left: 10%;
  top: 25px;
}

#aboutkathrynpage .imgholderbook .caption {
  margin-bottom: 20px;
}


 }

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

.homeabout .holding {
  width: 45%;
  padding-top: 50px;
}

.colorful {
  width: 55%;
}

.aboutkathrynopeningimage {
  width: 45%;
  margin-left: 0;
  margin-right: 0;
}



 }


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

  .contain {
    padding: 0;
  }

  .divider01 {
    margin-top: 150px;
  }


  .fleft {
    width: 40%;
  }

.homeevent .holding {
  width: 55%;
}


footer a.emaillink {
  margin-left: 13%;
}

#aboutkathrynpage h1 {
  width: 45%;
}

#aboutkathrynpage .holding2 {
  margin-top: 30px;

}


 }

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

  h1 {
    padding-left: 10%;
  }

  .eventspage h1 {
    padding-left: 5%
  }

  #presspage h1 {
    padding-left: 5%;
  }


.hero h1 {
  padding-left: 0;
}

    footer ul.socialmedia {
      margin-left: 15%;
    }

    .shopbook .textbox {
      width: 44%;
    }

    .shopbook .bookpic {
      width: 45%;
    }


    #historypage .textbox p {
      padding-left: 20%;
    }


    .petgallerypage h1 {
      width: 50%;
    }

  .childrensilhpage h1 {
      width: 34%;
    }

    .childrensilhpage .shopetsy .scissors_icon {
      left: 37%;
    }

    #eventgallerypage h1 {
      width: 40%;
    }


  .eventwedding .flourish {
  width: 30%;
  }

  img.eventwedding01 {
    width: 55%;
    margin-top: 50px;
  }

  .eventwedding .weddingaccents .textbox {
    margin-top: 30px;
  }

    .clipping {
      width: 60%;
    }

 .eventspage .eventcontactus {
  top: 450px;
 }   

.space .textboxholder {
  width: 66%;
}

.cut100 {
  width: 31%;
  padding-left: 0;
}

.travel {
  width: 62%;
}

.silorn .holding {
  width: 55%;
  margin-right: 20px;
}

.silorn img.framepic {
  width: 40%;
  padding-bottom: 20px;
  margin-top: 5%;
}

.silorn .textbox {
  width: 80%;
  float: left;
}

.agentleresourceintro h1 {
  font-size: 3em;
  padding-left: 4%;
}

.companionworksheetcontainer {
  padding-top: 3em;
}


.memsilcontainer {
  padding-top: 3em;
}

 }


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

.homeevent .holding {
  padding-top: 6%;
  padding-left: 0;
}

.home_custom .holding {
  padding-left: 30px;
}

 ul.portrait_types {
  padding-top: 0;
 }

  ul.portrait_types li {
  padding: 10px;
}

ul.portrait_types li img {
  width: 250px;
}

.home_gallerylinks {
  padding-bottom: 30px;
}

.eventcorp .textbox {
  margin-top: 20px;
}


 footer a.emaillink {
      margin-left: 12%;
    }


.frames img.framepic {
  width: 37%;
}

.shoppage .shopintro .textbox {
  width: 35%;
}

.shoppage .shopintro img {
  width: 60%;
  margin-top: 50px;
}

.eventtextintro {
  padding-top: 50px;
}

.eventtextintro .flourish {
  width: 80%;

}

.silorn .holding {
  width: 55%;
}

.silorn img.framepic {
  width: 35%;
}

.gentleresource01 {
  padding-left: 1em;
  padding-right: 1em;

}

.planningahead {
  padding-left: 1em;
  padding-right: 1em;
}

.companionworksheets {
  padding-left: 1em;
  padding-right: 1em;
}

 }


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


    nav .wrapper {
      padding-top: 0px;

    }

    nav ul li {
      padding: .8em;
    }

    .textbox02 {
      padding-top: 0;
      width: 35%;
    }

.home_gallerylinks h2 {
padding-top: 40px;
}

   footer a.emaillink {
    margin-left: 10%;
   }

  footer ul.socialmedia {
    margin-left: 13%;
  }

  .childrensilhpage h1 {
    width: 32%;
  }

  #zoompage .childrensilhpage h1 {
    padding-left: 5%;
  }

  img.childsilh {
  width: 60%;
  top: 0;
} 

.childrensilhpage .shopetsy .scissors_icon {
  left: 42%;
}

.childrensilhpage .shopetsy {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 20px;
}


img.zoom {
  width: 60%;
  top: 0;

} 


#aboutkathrynpage .imgholder01 .caption p,
#aboutkathrynpage .vidcap .caption p {
  padding-left: 15px;
}

.aboutkathrynopeningimage {
  margin-right: 0;
  margin-left: 15px;
  width: 43%;
}

.eventcorp .textbox {
  margin-top: 0px;
  margin-right: 5%;

}

.eventbirthday img.bdaytop {
  margin-top: 80px;
}

.eventwedding .weddingaccents .textbox {
  margin-top: 20px;
}




 } 

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

  nav .wrapper {
    padding-left: 20px;
  }

  .homeevent .holding {
    padding-top: 50px;

  }

ul.portrait_types li {
 padding: 15px;
}

.perfectphoto img {
  width: 25%;
}

img.home_tealgirl {
  margin-top: 30px;
}

#historypage .videoholder02 {
  padding-left: 10%;

}

.space .textbox {
  width: 53%;
}



}

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

  .mt50 {
    margin-top: 25px;
  }


 .prenav {
  margin-top: 10px;
  margin-bottom: 10px;
 } 


#burger label {
  display: block;
  z-index: 501;
}

nav .wrapper {
  padding: 0;
  text-align: center;
  width: 100%;
}

nav input + label {
  position: absolute;
  top: 20px;
  left: 30px;
  height: 20px;
  width: 20px;
  z-index: 505;
}
nav input + label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  display: block;
  background: #020304;
  transition: .5s;
}
nav input + label span:first-child {
  top: 3px;
}
nav input + label span:last-child {
  top: 16px;
}
 
nav label:hover {
  cursor: pointer;
}

nav input:checked + label span {
  opacity: 0;
  top: 50%;
}
nav input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(405deg);
}
nav input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-405deg);
}

nav input ~ ul {
  margin-top: -20px;
  height: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}

nav input ~ ul li {
  display: block;
  text-align: center;
  padding: .3em;
}

nav input:checked ~ ul {
  height: 750px;
}

nav ul {
  border-bottom: 0;
}

ul.nav-dropdown {
   position: static;
   width: 100%;
}

nav ul li ul li {  
    text-align: center;
  }

  .navlogo img {
    padding-top: 5px;
  }


.hero .textbox {
  top: 4em;
}

.hero .h1 {
  line-height: 1.1em;
}

.hero p {
    margin-top: 20px;
  }

.divider {
  margin-top: 70px;
}

.fullscreen {
  padding-bottom: 90px;
}

.shoppage .shopintro {
  margin-top: 0;
}


.shoppage .shopintro .textbox {
  width: 40%;
}

.shoppage .shopintro img {
  margin-top: 20px;
}

.shopetsy .scissors_icon {
  left: 37%;
}

img.eventgalleryintro {
  margin-top: 50px;
}

#perfectphotopage .imgholderphoto {
  margin-top: 20px;
}

 .eventspage .eventcontactus {
  top: 430px;
 }   

 .eventwedding .weddingaccents .textbox {
  width: 55%;
 }

.eventwedding .weddingdaysils {
  margin-top: 50px;
}

}



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

  .homeevent .textbox, .homeabout .textbox {
    width: 80%;
  }

  .hero {
    background-position: 78% 20%;
  }

  img.home_event {
    width: 44%;
  }

.divider01 {
  margin-top: 120px;
}

.colorful {
  width: 50%;
  margin-left: 4%;
  margin-top: 10px;
  float: right;
}

img.home_about {
  width: 48%;
}

img.home_img_02 {
  width: 36%;
}

footer p {
  font-size: 16px;
}

footer ul.socialmedia {
    margin-left: 10%;
}

.frames .holding {
  margin-top: 6%;
}

#aboutkathrynpage .holding {
  margin-bottom: 50px;
}

#perfectphotopage .top .container1 p {
  padding-left: 20%;
}

.eventspage .eventcontactus {
  top: 420px;
 }   



}


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

  h4 {
    font-size: 1em;
  }

img.home_aboutsil {
  width: 55%;
  margin-top: 50px;
}

.home_gallerylinks {
  padding-bottom: 10px;
}

ul.portrait_types li  {
  padding: 10px;
}

ul.portrait_types li img {
  width: 200px;
}

#aboutkathrynpage .imgholderbook {
  width: 80%;
}



  }


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

  .homeevent .holding {
    padding-top: 45px;
    width: 60%;
  }

  .homeevent .flourish, .homeabout .flourish {
    width: 15%;
  }

  img.home_event {
    width: 40%;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .colorful {
    margin-top: 30px;
  }
  .homeabout .holding {
    padding-top: 30px;
  }


#aboutkathrynpage .imgholderbook .caption {
  margin-bottom: 50px;
}

#aboutkathrynpage .imgholderbook {
  top: 10px;
}

.clipping {
  width: 60%;
}

.eventsofnote .listcontainer {
  width: 64%;
}


img.venmopic {
  width: 30%;
}


 }
 

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

  h2 {
    font-size: 2.5em;
  }

  h4 {
    font-size: 1.1em;
  }

  .hero .textbox {
    left: 7%;
  }

  .eventcorp .textbox {
    margin-top: -20px;
  }

.homeevent .holding {
  width: 60%;
}

.homeevent .textbox, .homeabout .textbox {
  width: 85%;
}

.home_custom {
  margin-top: 20px;
}

img.home_tealgirl {
  margin-top: 80px;
}


footer a.emaillink {
  font-size: 14px;
  margin-left: 8%;
}

.frames .holding {
  width: 55%;
  margin-right: 20px;
}

.frames img.framepic {
  width: 40%;
}

.shopbook .bookpic{
  margin-top: 50px;
}

.eventspage h1 {
  width: 40%;

}

.eventtextintro .allkinds {
  left: -180px;
}

.eventtextintro {
  padding-top: 80px;
}

.eventtextintro .flourish {
  width: 70%;
}

.space .textboxholder {
  width: 100%;
}

.eventspage img.fl {
  width: 45%;
}

.travel {
  width: 70%;
  margin: 0 auto;
  float: none;
  margin-top: 20px;
}

.cut100 {
  width: 70%;
  margin: 0 auto;
  float: none;
}


}


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

  .hero .textbox {
    left: 6%;
  }

  .home_aboutcontainer .holding {
    padding-left: 40px;
  }

  .sectionheader {
    padding-top: 60px;
  }

  .textbox02 {
    width: 45%;
  }

  .fullscreen {
  padding-bottom: 120px;
}

.shoppage .shopintro .textbox {
  width: 45%;
}

.shoppage .shopintro img {
  width: 55%;
}

.questions ol li {
  width: 70%;
}

#historypage .textbox {
  width: 50%;
}

#historypage .videoholder02 {
  padding-left: 5%;
}

.clipping {
  width: 60%;
}

.shoppage ul.portraitguidelines {
  width: 60%;
  margin: 0 auto;
}

#perfectphotopage .imgholderphoto {
  width: 35%;
  margin-left: 40px;
}


.eventspage .weddingpic {
  position: static;
  width: 55%;
}

.eventspage .eventcontactus .scissors_icon {
  top: -30px;
  position: static;
}
 .eventspage .eventcontactus {
  position: static;
  width: 90%;
  margin: 0 auto;
  float: none;
  padding-bottom: 20px;

}

.eventtextintro {
  position: static;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 20px;
}


.eventtextintro .flourish {
  width: 30%;
  margin: 0;
  margin-left: 10%;
}

.eventtextintro .allkinds {
  position: static;
  margin: 0 auto;
  margin-top: -75px;
}

.eventspage .eventcontactus .scissors_icon {
  position: static;
}

.wetaquote {
  width: 65%;
}

.wetaquote .quote .scissors_icon {
  width: 25%;
}

 }

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


  .fullscreen {
  padding-bottom: 50px;
}

.home_aboutcontainer .holding {
  width: 45%;
}

.divider01, .divider {
  margin-top: 90px;
}

.fleft {
  width: 100%;
}

.container {
  padding-left: 0;
  padding-right: 0;
}


footer ul.socialmedia {
    margin-left: 7%;
}

.perfectphoto img {
  width: 35%;
}

.perfectphoto .textbox {
  width: 65%;
  padding-left: 20px;
  padding-right: 20px;
}

.eventspage .eventcontactus {
  top: 400px;
}


.eventszoompics img.zoom01 {
 width: 90%;
 float: none;
}

.eventszoompics img.zoommid {
  margin-left: 0;
  margin-right: 0;
}



 }


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

 .sectionheader {
  margin-bottom: 40px;
 } 

.divider01, .divider {
  margin-top: 50px;
}


.hero h1 {
  font-size: 2.8em;
}

.hero .colorbox {
   top: 340px;
  }

  .homeevent .holding {
    width: 60%;
    padding-top: 40px;
  }

  img.home_event {
    padding-top: 50px;
    padding-bottom: 50px;
  }

footer a.emaillink {
  margin-left: 5%;
}

.frames .flourish {
  padding-bottom: 270px;
}

.frames .holding {
  width: 55%;
  margin-right: 20px;
  padding-bottom: 30px;
}

.frames img.framepic {
  width: 35%;
  margin-top: 30px;
}

.childrensilhpage h1 {
  padding-left: 5%;
}

 #zoompage .childrensilhpage h1 {
    padding-left: none;
  }

.shoppage .shopintro {
  position: relative;
}

 .shoppage .shopintro .textbox {
  width: 60%;
 }

.shoppage .shopintro img {
  width: 55%;
  position: absolute;
  top: 0;
  right: 0;
}

.shoppage h1 {
  padding-left: 8%;
}


.bookholder.img {
  width: 55%;
}

.gentleresourcebookintro {
  width: 100%;
  padding-left: 0;
}



}


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

  h4 {
    font-size: 16px;
  }

 .navigation_container {
  padding: 5px;
 }


 .fleft {
      width: 100%;
    }

    .home_aboutcontainer {
      margin-top: 30px;
    }

    .home_aboutcontainer .holding {
      padding-left: 30px;
    }

  img.home_tealgirl {
    width: 50%;
  }


  .home_custom .holding {
    width: 48%;
  }

.tradsil {
  width: 40%;
}

.medium {
  width: 40%;
}

.body {
  width: 45%;
}




 }


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

  img.home_aboutsil {
    margin-top: 60px;
  }

  footer {
    text-align: center;
    position: relative;
    height: 75px;
  }

  footer p {
    display: block;
    margin: 0 auto;
    float: none;
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
  }

footer a.emaillink {
  float: left;
  margin-left: 10%;
  font-size: 16px;
  padding-top: 8px;
}

footer ul.socialmedia {
  margin-top: -10px;
  margin-left: 15%;
}

footer ul.socialmedia li a {
  font-size: 25px;
  margin-left: 2px;
}

.shoppage h1 {
  padding-left: 5%;
}

.eventfaq ol {
  width: 65%;
}
.eventbirthday .textbox {
  width: 53%;
}

#zoompage .childrensilhpage h1 {
  width: 100%;
  padding-left: 0;
}

img.zoom {
  width: 100%;
}



}

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

  h1 {
    padding-left: 5%;
  }

  .hero {
      background-position: 75% 0;
      height: 500px;
    }

    .hero h1 {
      padding-left: 0;
    }

    .hero .textbox {
      font-size: .9em;
      width: 45%;
      top: 5em;
      left: 5%;
    }

    .holding {
      width: 100%;
    }

   
    .home_aboutcontainer {
      margin-top: 20px;
    }

    .homeabout {
      padding-bottom: 30px;
    }

    ul.portrait_types li img {
  width: 100%;
}

.scissors_icon {
  left: 43%;

}

img.eventgalleryintro {
  width: 55%;
  margin-top: 0;
}

#eventgallerypage .shopetsy {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 20px;
}

#eventgallerypage .shopetsy .scissors_icon {
  left: 40%;
}

.shoppage .shopintro .textbox {
  width: 50%;
}

.shoppage .shopintro img {
  width: 53%;
  top: 50px;
}

#perfectphotopage .top .container1 {
  width: 60%;
}

#perfectphotopage .imgholderphoto {
  width: 35%;
}

#perfectphotopage .top .container1 {
  width: 50%;
}

#perfectphotopage .top .container1 p {
  padding-right: 5%;
}

.eventspage .eventcontactus {
  top: 310px;
}

.eventsofnote .listcontainer {
  width: 100%;
}

.eventsofnote .column01 {
  width: 48%;
}

.eventsofnote .column03 {
  width: 100%;
  margin-bottom: 20px;
}

.eventsofnote .column03 img {
  padding-top: 0;
}

.eventspage h1 {
  width: 100%;
}

.eventspage .weddingpic {
  width: 100%;
}

.eventtextintro .flourish {
  margin-top: 20px;
}
.eventtextintro .allkinds {
  margin-top: -60px;
}

img.eventwedding01 {
  width: 100%;
  float: none;
}

.eventwedding .flourish {
  position: static;
  width: 30%;
  height: 80px;
}

.eventwedding .textbox {
  width: 100%;
  padding: 8% 10%;
  float: left;
  margin: 0 auto;
}

.eventwedding .weddingdaysils img.weddingsilpic {
  width: 100%;
}

.eventwedding .weddingaccents .textbox {
  margin-top: 0px;
  padding-top: 5px;
}

.eventwedding .weddingaccents img.caketopper {
  width: 35%;
}

.gentleresourcebookintro .scissors_icon {
  left: 41%;
}

}


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

  h2 {
    font-size: 2.5em;
  }

.hero {
  height: 450px;
  background-size: cover;
  background-position: 72% 0;
}

.hero .textbox {
  top: 4em;
}
 
.divider01 {
  margin-top: 10px;
}

#weddinggallerypage .shopetsy,
.petgallerypage .shopetsy {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 20px;
}

#weddinggallerypage .shopetsy .scissors_icon,
.petgallerypage .shopetsy .scissors_icon {
  left: 41%;
}

img.wedintro {
  width: 50%;
}

img.petintro {
  width: 45%;
}

#historypage .textbox {
  width: 90%;
}

#historypage .textbox p {
  padding-left: 15%;
}

#historypage .videoholder02 {
  width: 85%;
  margin: 0 auto;
  padding-left: 15%;
}


.aboutkathrynopeningimage {
  width: 50%;

}

#aboutkathrynpage .textbox {
  width: 80%;
  float: none;
}

#aboutkathrynpage .textbox02 {
   display: block;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  position: static;
  float: none;
}

#aboutkathrynpage .holding2 {
  width: 80%;
}

#aboutkathrynpage .otherlinks {
  padding-right: 0;
}

.shoppage .shopintro .textbox {
  width: 65%;
}

.shoppage .shopintro .textbox h1 {
padding-bottom: 20px;
}

.shoppage .shopintro img {
  width: 50%;
  top: 0;
  margin-top: 50px;
}

.visit a.plainlink02 {
  width: 60%;
}

#perfectphotopage .top .container1 {
  width: 95%;
  margin: 0 auto;
}

#perfectphotopage .top .container1 p {
  padding-left: 15%;
  padding-right: 0;
}

#perfectphotopage .imgholderphoto {
  width: 40%;
  margin: 0 auto;
  display: block;
  float: none;
}

.contactme a.plainlink02 {
    width: 50%;
  }

.gentleresourcecover {
  width: 40%;
  padding-left: 1em;
}

.agentleresourceintro h1 {
  font-size: 2.5em;
}


}


@media screen and (max-width: 725px) {
  .hero .textbox {
    width: 48%;
  }

  .clipping {
    width: 60%;
  }


}

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

  .clipping {
    width: 65%;
  }


.shopbook .bookpic, .silorn img.framepic {
  width: 60%;
  margin: 0 auto;
  display: block;
  float: none;
  margin-bottom: 30px;

}


  .shopbook .textbox, .silorn .holding {
    width: 85%;
     margin: 0 auto;
     float: none;
  }

  .silorn .textbox {
    width: 80%;
     margin: 0 auto;
     margin-bottom: 50px; 
  }


  }

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

  a.etsylink {
    font-size: .7em;
  }



 .textbox02 {
      width: 100%;
      position: static;
    }

footer {
  height: 120px;
}

footer a.emaillink {
  float: none;
  margin: 0 auto;
}

footer ul.socialmedia {
  float: none;
  margin: 0 auto;
  margin-top: 5px;
}

img.childsilh {
  width: 55%;
}


.aboutkathrynopeningimage {
  width: 40%;
}

.shoppage .shopintro img {
  width: 90%;
  margin-top: 0; 
}

.shoppage .shopintro .textbox {
  margin-top: 270px;
  width: 80%;
}

.shoppage .shopintro .textbox h1 {
  padding-bottom: 10px;
  padding-right: 0;
}

.shoppage ul.portraitguidelines {
  width: 80%;
}

.eventbirthday .textbox {
  width: 100%;
  padding: 5%;
  margin: 0 auto;

}

.eventbirthday img.bday01 {
  width: 100%;
}

.eventbirthday img.bdaytop {
  margin-top: 10px;
}

.eventcorp {
  margin: 0 auto;
}

.eventcorp img.bday01 {
  width: 100%;
}

.eventcorp .textbox {
  width: 100%;
  margin: 0 auto;
  padding: 0 5% 5% 5%;
}

.eventsofnote .column02 {
  margin: 0 auto;
}

.eventsofnote .column01 {
  width: 100%;
}

.contactme .scissors_icon {
  left: 43%;
}

.scissors_icon {
  left: 40%;
}

.faqsection {
  padding-left: .5em;
  padding-right: .5em;
}


  }


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

  #aboutkathrynpage .holding {
    margin-left: 40px;
  }
  #perfectphotopage .good img {
    width: 100%;
    float: none;
  }



}


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

    .navlogo img {
      width: 200px;
    }

    .prenav ul.socialmedia {
      display: none;
    }

    .hero {
      background-position: 69% 0;
    }

    .hero .textbox {
      width: 52%;
      left: 4%;
    }
  
ul.portrait_types li {
  padding-left: .5em;
  padding-right: .5em;
}


  .hero .colorbox {
    height: 200px;
}

 img.home_aboutsil, .home_aboutcontainer .holding,
    .homeevent .holding,
    img.home_tealgirl,
    .home_custom .holding {
      width: 100%;
    }

    img.home_aboutsil {
      margin-top: 10px;
    }

    img.home_tealgirl {
      margin-top: 0px;
    }

img.home_event {
  width: 100%;
}

.homeabout .holding {
  width: 100%;
  float: right;
  padding-right: 2%;
}

.colorful {
  width: 100%;
  margin-left: 0;
  float: left;
}

ul.portrait_types a {
  height: 200px;
}


  .gallerypage h1,
  #eventgallerypage h1 {
    text-align: left;
    width: 70%;
  }

  img.wedintro,
  img.eventgalleryintro,
  img.petintro,
  img.childsilh,
  img.zoom 
  {
    width: 100%;
  }

.gallerypage .shopetsy .scissors_icon,
#weddinggallerypage .shopetsy .scissors_icon,
#eventgallerypage .shopetsy .scissors_icon,
.childrensilhpage .shopetsy .scissors_icon {
  left: 33%;
}


.thumb {
  width: 24%;
  padding: 12%;
}

.aboutkathrynopeningimage {
  width: 100%;
}

#aboutkathrynpage .holding {
  margin: 0 auto;
  width: 80%;
  padding-right: 0;
  float: none;
}

#aboutkathrynpage .imgholder01 {
  width: 80%;
  margin: 0 auto;
  display: block;
  float: none;
  margin-bottom: 30px;
}

#aboutkathrynpage .imgholderbook {
  width: 90%;
  margin: 0 auto;
  left: 0;
  right: 0;
}

#aboutkathrynpage .holding .flourish .svg-holder {
  width: 40%;
}

#aboutkathrynpage .holding2 {
  width: 90%;
  padding-right: 20px;
  margin-left: 20px;
}

#aboutkathrynpage .holding2 .firstcharacter {
  padding-bottom: 0;
}

.clipping {
  width: 487px;
}

.clipping .firstcharacter {
  font-size: 150px;
  line-height: 100px;
}

.shoppage .shopintro .textbox {
  width: 90%;
  margin-top: 250px;
}

.shoppage .shopintro img {
  width: 100%;
}

.shoppage .shopetsy .textbox {
  padding-left: .5em;
  padding-right: .5em;
}

.types {
  padding-left: 0;
  padding-right: 0;
}

.visit {
  width: 100%;
}

.visit .textbox {
  padding-left: 1em;
  padding-right: 1em;
}

.perfectphoto img {
  width: 90%;
  margin: 0 auto;
  float: none;
  display: block;
}

.perfectphoto .textbox {
  float: none;
  margin: 0 auto;
  width: 90%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 30px;
}

.frames .holding {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
  float: none;
}

.frames .holding a {
  display: block;
}
.frames .flourish {
display: none;
}

.frames img.framepic {
  width: 90%;
  margin: 0 auto;
  display: block;
  float: none;
}

.shopbook .bookpic {
  padding-top: 30px;
}

#perfectphotopage .wrong .avoid {
  width: 80%;
  margin: 0 auto;
  float: none;
}

#perfectphotopage .wrong .avoidfront {
  width: 80%;
  float: none;
  margin: 0 auto;
}

#perfectphotopage .imgholderphoto {
  width: 80%;
}

#zoompage .childrensilhpage h1 {
    padding-left: 5%;
  }


  .silorn .textbox {
    float: none;
  }


.agentleresourceintro h1 {
  font-size: 3em;
}

.gentleresourcecover {
  padding-left: 0;
}



}



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

  .hero .textbox {
    width: 50%;
    top: 3em;
  }

  #aboutkathrynpage .vidcap {
    width: 95%;
  }


.clipping {
  width: 80%;
}

#presspage .gallery .thumb {
  width: 30%;
  height: 100px;
}

.tradsil, .body, .medium  {
  width: 70%;
}

.space .textbox {
  width: 100%;
  margin: 0 auto;
}

.eventspage img.fl {
  width: 80%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 15px;
  float: none;
}

.cut100 img {
  margin-top: 10px;
}

.eventwedding .weddingaccents img.caketopper {
  width: 50%;
  margin: 0 auto;
}

img.eventwedding01, img.eventwedding03 {
  width: 100%;
}

img.eventwedding02 {
  width: 90%;
  margin: 0 auto;
  float: none;
}

.eventwedding .weddingaccents .textbox {
  width: 100%;
  margin: 0 auto;
}

.eventwedding .weddingaccents .textbox {
  padding-bottom: 5px;
}

.contactme a.plainlink02 {
    width: 80%;
  }

.companionworksheets {
  width: 100%;
}

img.venmopic {
  width: 100%;
}

img.parentssilhouette {
  width: 100%;
}

.memorialsilhouettesparagraphs {
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
}

 } 


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

  .scissors_icon {
    left: 37%;
  }

  .thumb {
    margin: 15px;
  }

  a.mobileplain {
    font-size: 1em;
  }

.eventspage .eventcontactus .scissors_icon {
  width: 20%;
}
  .eventtextintro .flourish {
    width: 30%;
    margin-top: 15px;
    margin-left: 5%;
  }

  .eventtextintro .allkinds {
    width: 90%;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: -15px;
  }

.eventwedding iframe {
  width: 100%;
}

.eventfaq {
  padding-left: .5em;
  padding-right: .5em;
}

.eventfaq ol {
  width: 90%;
}

}

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

  .hero {
    width: 100%;
    height: 300px;
    background-position: 95% 0;
    position: static;
  }

.hero .textbox {
  font-size: 1.1em;
  position: static;
  width: 100%;
  margin-top: 295px;
  border: none;
  padding-bottom: 80px;
}


}


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



}



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



}

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


.homeevent .holding {
  padding-right: 5%;
}

.mt50 {
  margin-top: 0;
}

.shoppage .shopintro .textbox {
  margin-top: 210px;
}


}


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

  .scissors_icon {
    left: 36%;
  }



}



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

  .homeabout .holding {
    padding-right: 5%;
  }

  h1 {
    font-size: 2.5em;
  }

.contactme {
  padding-left: .5em;
  padding-right: .5em;
}

  a.etsylink {
    font-size: .6em;
  }



}