.pictureDiv {
 text-align: center;
 padding-top: 30px;

 padding-right: 10px!important;
 padding-left: 10px!important;
}

#introduction {
  padding-top: 50px;
  padding-bottom: 0px;
  color: #333;
}

.top-icons {
  /* padding-bottom: 10px; */
}


.logo {
margin-top: -5px;
padding:0!important;
}


    


@media screen and (min-width:1024px) {
  .btn:hover, .btn:focus {
    background-color: #2a2a2a;
    color: #fff;
  }
}



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


   .top-icons {
     padding-top: 10px;
   }

	 .pictureDiv {
    padding-top: 15px;
	  text-align: center;
	 }


   .banner {
     /*min-height: 450px;*/
   }
   #header .header-content {
     width: 90%;
   }
   .nav-toggle {
     display: block;
   }
   .navigation {
     position: fixed;
     background-color: #000;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 99999;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
     transition: opacity 0.5s, visibility 0s 0.5s;
   }
   .navigation .primary-nav {
     position: relative;
     top: 45%;
     -moz-transform: translateY(-45%);
     -ms-transform: translateY(-45%);
     -webkit-transform: translateY(-45%);
     transform: translateY(-45%);
   }
   .navigation li {
     display: block;
     margin-bottom: 20px;
   }
   .navigation a {
     display: block;
     font-size: 25px;
     margin: 0;
     text-align: center;
   }
   .person {
     margin: 0 auto 50px;
   }
   .person-content {
     text-align: center;
   }
   .person .social-icons li {
     display: inline-block;
     float: none;
     margin-bottom: 5px;
   }
   .testimonials blockquote {
     padding: 20px 5% 0;
   }
   .testimonials p {
     font-size: 26px;
   }
   .flex-control-nav {
     bottom: 20px;
   }
 }

 .header-content{
  /* padding: 10px; */
  padding-top:16px;
}

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



   

   #mobile-nav{
     display: block!important;
   }

   #desktop-nav{
     display: none
   }

   .logo {
     
     /* display: none */
   }

   .banner-inner-wrapper {
     padding-top: 20px!important;

   }
   .banner-text {
     padding-top: 15px!important;
     /*padding-top: 30%;*/
   }

   .banner {
   	 background-image: none;

    }

    .btn-block{
      padding: 3%!important;
    }

    #art {
      margin-bottom: 0px;
    }

    #introduction {
      /*padding-top: 100px;*/
      padding-bottom: 0px;
    }

   .banner-text h1 {
     font-size: 24px;
   }
   .banner-text p {
     font-size: 15px;
   }
   .flexslider {
     padding-bottom: 80px;
   }
   .flex-control-nav {
     width: 100%;
   }
   .footer .footer-col {
     margin-bottom: 50px;
   }
 }
 @media screen and (max-width: 640px) {
   .banner-text {
     padding-top: 35%;
     text-align: center;
   }
 }
 @media screen and (max-width: 480px) {
   .banner-text {
     padding-top: 45%;
     text-align: center;
   }
   .banner-text h1 {
     font-size: 21px;
   }
   .banner-text p {
     font-size: 13px;
   }
   .banner {
     /*height: 30px!important;*/
   }
 }
 @media screen and (max-width: 320px) {
   /*.banner {
     height: 30px!important;
   }*/
   .banner-text {
     padding-top: 55%;
     text-align: center;
   }
   .banner-text h1 {
     font-size: 21px;
   }
   .banner-text p {
     font-size: 13px;
   }
   .testimonials blockquote {
     padding: 20px 5% 0;
   }
   .testimonials p {
     font-size: 26px;
   }
 }