.svg {
  display:none;
}



div#intro {
  text-align:center;
}

div#intro a {
  border-radius:2px;
  font-size:1.3em;
}

.title {
  background-image:url('../img/linda5.jpg');
  background-size:cover;
  background-position-y:-200px;
  background-repeat:no-repeat;
  min-height:600px;

}

.logo {
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position-y:50%;
  margin: 0 auto;
  margin-top:100px;
}


.title h1 {
  margin-top:2em;
  padding-top:140px;
  font-size:3.5em;
  color:pink;
}

.portrait{
  text-align:right;
}


.story-text{
  font-size:1.2em;
}

div.recycle {
  color:whitesmoke;
  text-align:right;
  opacity:0.7;
}



/* accent colors */
.btn-primary, a.btn.contact-button {
  background-color:none;
  border:whitesmoke;
}

section.cta .btn {
  background-color:none;
}
.btn-primary:hover, a.btn.contact-button:hover  {
  background-color:none;
  border:whitesmoke;
}

a,
.page-header h3,
.cbp-af-header .nav a:hover,
.highlight,
#contact a.icon:hover {
  color:darkseagreen;
}

.cbp-af-header .nav a{
  color:lightgray;
}


.navbar .navbar-nav .current > a {
  color:#d64e24 !important;
}

section.light{
  background-color:whitesmoke;
}

section.dark, .cta{
  background-color:rgb(143, 188, 143);
}


section.cta h2{
  font-size:2.5em;
  font-weight:600;

}

section.dark{
  text-align:left;
}

section.dark p{
  color:whitesmoke;
  letter-spacing:0;
  font-weight:normal;
}

section.cta .btn {
  padding: 0.5em 2em;
  font-size: 1em;
  border: 2px solid white;
  margin-bottom:2em;
  margin-top:50px;
}

section.cta .btn:hover {
  background:seagreen;
  border: 2px solid transparent;
}

.cta p a{
  color:whitesmoke;
}
.cta p a:hover{
  color:whitesmoke;
}



/* end accent colors */

a.navbar-brand {
  min-height:50px;
  background-size:160px 80px;
  background-position:0px -35px;

}

/* .cbp-af-header-shrink is the class
used by the navbar when it turns whitesmoke;
let's just overload it with this declaration
as well */
.cbp-af-header-shrink a.navbar-brand {
  position:0px 5px;

}


.cbp-af-header h1 a{
  color:rgb(43, 45, 53);
  line-height:23px;
  font-size:.9em;

}

.btn-primary{
  padding:.7em 2.1em;
  margin-top:100px;

}

section .page-header.text-center {
  font-size:1.2em;
}
section .page-header.text-center h3 {
  font-size:1.2em;
}
section .page-header.text-center h2,
section .page-header.text-center h3 {
  font-weight:600;
  color:dimgrey;

}

.page-header.text-center h2{
  padding-top:20px;
}

.pictures {
  width:100%;
  margin:auto;
  float:none;
  display:block;
}

.transform_pics{
  float:left;
  display:block;
  padding:0;
}

.transform{
  height:360px;
  background-repeat:no-repeat;
  background-size:cover;
  margin-bottom:10px;
  border:5px solid whitesmoke;
}

.transform_1{
   background-image:url("../img/linda1.jpg");
  
}


.transform_2{
  background-image:url("../img/linda19.jpg");
  
}

.transform_3{
  background-image:url("../img/linda25.jpg");
  
}

.transform_4{
  background-image:url("../img/linda5.jpg");
  
}

.transform_5 {
  background-image:url("../img/linda3.jpg");
  
}

.transform_6 {
  background-image:url("../img/linda15.jpg");
  
}

.transform_8 {
  background-image:url("../img/linda27.jpg");
  
}

.transform_88{
  background-image:url("../img/linda24.jpg");
}

.transform_9 {
  background-image:url("../img/linda26.jpg");
  
}

.transform_10 {
  background-image:url("../img/linda13.jpg");
  
}

.transform_11 {
  background-image:url("../img/linda14.jpg");
  
}

.written{
  padding-left:20px;
}
.written p{
  margin-left:20px;
}

.written p, .written li, p.transform_text{
  font-size:14px;
  line-height:1.8em;
  font-weight:normal;

}

p.transform_text{
  color:rgb(102, 102, 102);
  margin-left:5px;
  margin-bottom:30px;
}

blockquote.testimonial_new{
  margin:auto;
  padding:0;
  color:#666;
}

.written .testimonial_new ul.testimonial_ul{
  font-size:10px;
  margin-left:20px;
}

ul.testimonial_ul li{
    padding-bottom:10px;
}

p.testimonial-author { 
  font-size:12px;    
  margin:10px 0 10px 20px;     
  font-family: Arial, Helvetica, sans-serif;     
  color: #666;     
  text-align:left; 
  font-weight:bold;
  } 

.testimonial-author span {     
  font-size: 12px;     
  color: black; 
}

.testimonial-text{
  float:none;
  margin:auto;

}

.written hr{
  padding:0;
  margin:10px 20px;
  width:100px;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgb(102, 102, 102), rgb(102, 102, 102));
  background-image: -moz-linear-gradient(left, rgb(102, 102, 102), rgb(102, 102, 102), rgb(102, 102, 102));
  background-image: -ms-linear-gradient(left, rgb(102, 102, 102), rgb(102, 102, 102), rgb(102, 102, 102));
  background-image: -o-linear-gradient(left, rgb(102, 102, 102), rgb(102, 102, 102), rgb(102, 102, 102));
}

.services{
  float:none;
  margin:auto;
  padding-bottom:50px;
}

ul.service_list{
  list-style:none;
  line-height:2em;
  padding:0;

}



ul.service_list li{
  display:block;
  text-decoration:none;
  color:white;
  text-align:center;
  font-size:1.1em;

 
}

li.blank{
  display:block;
  font-size:12px;
}

.email, .phone{
  font-size:14px;
  color:whitesmoke;
  letter-spacing:2px;
  
}

.contact_me{
  background-color:seagreen;
  margin:auto;
  float:none;
  padding-top:40px;
  padding-bottom:40px;
}

@media all and (min-width:768px) {
  .transform{
    height:500px;
  }

}

@media all and (max-width:768px) {
  ul.nav.navbar-nav {
      margin-top:-65px;
  }

   .title{
    min-height:500px;
    background-position-y:-60px;
  }
  .portrait{
    text-align:center;
    margin-bottom:30px;
  }

  .services{
    font-size:12px;
  }


  a.btn.contact-button {
      font-size:.8em;
      padding:0.5em 0em;

  }

  .written p, .written ul li{
      text-align:left;
  }

  .page-header.text-center{
    padding:0;
  }
}

@media all and (max-width:568px) {
  section .page-header.text-center{
    padding:0;
    margin:0;
  }
  section .page-header.text-center h2, section .page-header.text-center h3{
    padding:0;

  }
 
}

@media all and (max-width:480px){
  .title{
    background-position-y:0;
    background-size:100%;
    min-height:300px;

  }
  ul.service_list{
    display:inline;
    line-height:1.5em;
  }

  ul.service_list li{
    font-size:10px;
    text-align:center;
  }
}

@media all and (max-width: 350px) {
  .logo {
    min-height:150px;
    width:300px;
  }

  #about {
    text-align:left;
  }
}