/*--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/

Colors defined at http://www.htmlcsscolor.com/
2E3131 Swamp
FF4046 Radical Red
800000 Maroon - added Janice
434646 Dark Slate
101111 Swamp
0088CC Pacific Blue
818181 Gray
EFEFEF White Smoke
999999 Nobel
000FFF Blue
986733 Buttered Rum
0DC5DD - added Janice
055580 Dark Cerulean

0DC5DD.Dark Turquoise
FDBE0F Amber
--*/
html,body{
  background:#FFFFFF;
  font-size: 100%;
  font-family: 'Hind-Regular';

}

body {
  display: flex;
  flex-flow: column;
}
body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

ul li{
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
  margin:0;
}
.about h2,h2.top,.review h2,.gallery h2,.contact h2{
    font-size:2.5em;
    margin: 0;
    color: #0dc5dd;
     font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-align: center;
}
@font-face {
    font-family: 'Karla-Bold';
    src:url(../fonts/Karla-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Muli-Regular';
    src:url(../fonts/Muli-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Hind-Regular';
    src:url(../fonts/Hind-Regular.ttf) format('truetype');
}


.glyphicon-chevron-right {
    color: #0DC5DD;
}


.banner{
      background-color: #C1DFDC;

}
.logo{
  float:left;
}
.top-menu{
  float:right;
}
.banner_head_top {
    background: #555;
    padding:20px 44px;
  margin-top:1em;
}
.logo h1 a{
  display:inline-block;
  color:#0dc5dd;
  font-size:1.1em;
  font-weight:700;
  font-family: 'Titillium Web', sans-serif;
  text-decoration:none;
}
.logo h1 a span{
  color:#ffdd57;
}
.headr-right{
  text-align:right;
  margin-top:3em;
}

.navbar-collapse{
  padding:0;
}
.navbar-nav > li > a {
    padding:13px 10px;
  font-family: 'Titillium Web', sans-serif;
  font-weight:600;
  font-size:1em;
  color:#fff!important;
  border-bottom:1px solid #000;
  margin-right:20px;
}
.navbar-nav > li > a:hover{
  color:#0dc5dd!important;
  border-bottom:1px solid #fff!important;
}
.navbar{
  margin:2em 0;
}
.navbar-default {
    background-color:transparent;
    border-color:transparent;
}
.navbar {
    margin: 0em 0;
}
.banner-head {
    margin-bottom: 2em;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
  color:#0dc5dd!important;
  border-bottom:1px solid #fff!important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:transparent;
}
.dropdown-menu {
   top: 148%;
    left: 1px;
}
.dropdown-menu > li > a {
    padding: 7px 20px;
}
.banner-info{
  color:#fff;
  text-align:center;
  margin-top:8em;
}
.banner-info h3{
  text-transform:uppercase;
  font-size:1.8em;
  word-spacing:9px;
  font-family: 'Open Sans', sans-serif;
  font-weight:700;
  margin-bottom:1em;
}
.banner-info h2{
  text-transform:uppercase;
  font-size:5em;
  font-weight:700;
  font-family: 'Titillium Web', sans-serif;
  letter-spacing:5px;
}


/*--header--*/
.kfp-landingpage-banner {
  background: url(../images/homeBanner/slide1b.png) no-repeat ;
  width:100%;
  display: block;
  min-height: 300px;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  position: relative;
}
.header-top {
  padding: .1em 0;
  background-color: #2E3131;
}

/* Override the standard btn settings to use our styles */
.btn-kfp {
    background-color: #800000;
    color: #FFFFFF;
}

.kfp-landingpage-head-banner {
  margin-top: 2em;
}
.kfp-landingpage-head-banner h1{
  font-size: 5em;
  color:#FFFFFF;
  font-family: 'Karla-Bold';
}
.kfp-landingpage-head-banner h1 span{
  color:#2E3131;
}
.header {
  background-color:#2E3131;
  position: relative;
  padding: 1em 0;
  padding-top:0em;
  padding-bottom:1em;
}
/*--panel--*/
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7em;
  color: #FFFFFF;
  font-family: 'Karla-Bold';
  text-transform: uppercase;
}

.panel > .panel-heading {
    background-image: none;
    background-color: #800000;
}
.panel-body {
    padding: 15px;
  color: #818181;
}
.panel-body > .p {
     margin-top: 0.3em;
}
.gap-right {
  margin-right: 10px;
}
.gap-left {
  margin-left: 10px;
}
/*--content--*/
.control-label {
  color:#2E3131;
  font-family: "Karla-Bold";
}
.affiliated {
  color:#2E3131;
}
.content-text h4{
  font-size: 1.5em;
  color:#2E3131;
  font-family: 'Karla-Bold';
  margin-bottom: 20px;
  margin-bottom: 0.5em;

}
.content-text p{
  font-size: 1em;
  color: #818181;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.content-text ul{
  float: left;
  color: #818181;
  line-height: 1.8em;
  margin-left: 0em;
  padding-left: 0em;
}
.content-text li{
  list-style:none;
  color: #818181;
  line-height: 1.8em;
  margin-left: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
.content-top {
  padding-bottom: 3em;
}
.content-top:nth-child(2) {
  padding-bottom: 0em;
}
/*--join check marks--*/
i.glyphicon.glyphicon-ok {
  padding-right: 10px;
}
/*--//join check marks--*/
/*--contest--*/
.photo-contest h2{
  font-size: 3em;
  color:#2E3131;
  font-family: 'Karla-Bold';
  margin-bottom: 20px;
  margin-bottom: 0.5em;

}
.photo-contest h3{
  font-size: 2em;
  color:#2E3131;
  font-family: 'Karla-Bold';
  margin-bottom: 20px;
  margin-bottom: 0.5em;

}
.photo-contest h4{
  font-size: 1.5em;
  color:#2E3131;
  font-family: 'Karla-Bold';
  margin-bottom: 20px;
  margin-bottom: 0.5em;

}
.photo-contest p{
  font-size: 1em;
  color: #2E3131;
  line-height: 1.8em;
  margin-bottom: 1em;
}

.photo-contest ul{
  float: left;
  color:#2E3131;
  line-height: 1.8em;
  margin-left: 0em;
  padding-left: 0em;
}
.photo-contest li{
  list-style:decimal ;
  color:#2E3131;
  line-height: 1.8em;
  margin-left: 1em;
  padding-left: 1em;
  text-indent: 0em;
}
.photo-contest emphasis1 {
  text-decoration:underline ;
}
.photo-contest dl{
    font-size: 1.5em;
    font-weight: bold;
}

.photos-index-head {
  margin-top: 6px;
  margin-left: 12px;
  margin-bottom: 6px;
}

/*--//contest--*/
.welcome-info {
    width: 50%;
    margin: 0 auto;
}
.welcome-info h3{
    font-size:3em;
    margin: 0;
    color: #0dc5dd;
  font-family: 'Titillium Web', sans-serif;
  font-weight:600;
    text-align: center;
}
.welcome-info h4{
    font-size: 1.3em;
    font-weight: 600;
    color: #ffdd57;
    margin: 1.5em 0;
}
.welcome-info p{
    color: #999;
    font-size: .9em;
    margin: 0;
    line-height: 1.8em;
}
/*-kfp-events--*/
.kfp-events h2{
  font-size:3em;
  color:#2E3131;
  font-family: 'Karla-Bold';
  text-align: center;
}
.kfp-top-event h4{
  font-size:1.6em;
  font-family: 'Karla-Bold';
  margin: 0.5em 0;
}
.kfp-top-event h4 a{
  color:#800000; /* #FF4046; */
  text-decoration: none;
}
.kfp-top-event h4 a:hover{
  color:#2E3131;
}
.kfp-top-event p{
  font-size: 1em;
    color:#818181;
    line-height: 1.8em;
    margin: 0.5em 0 0;
    text-align: left;
}
.kfp-top-event span{
  font-size: 1em;
    color: #818181;
    line-height: 1.8em;
    margin: 0.5em 0;
}
.kfp-events-top {
  margin-top: 2.5em;
}
i.glyphicon.glyphicon-calendar {
  margin-right: 7px;
}
/*-//kfp-events--*/
/*--footer--*/
.footer{
  background: #2E3131;
  padding:1em 0;
  position: relative;
  margin-top: auto;
}
.footer2{
  background: #0dc5dd;
  padding:.25em 0;
  position: relative;
  margin-top: auto;
}
ul.list1{
  padding:0;
  list-style:none;
}
.footer-head h4,.footer-head1 h4{
  color:#FFFFFF;
  margin-top: .5em;
  margin-bottom: .5em;
  font-family: 'Karla-Bold';
  font-size: 1.6em;
}
ul.list1 li a{
  color: #FFFFFF;
  margin: 0.5em 0;
  display:inline-block;
  font-size: 1em;
}
ul.list1 li a:hover{
  text-decoration:none;
  color:#800000; /* #FF4046; */
}

.footer-head1 p{
    color: #FFFFFF;
  font-size: 1em;
  line-height: 1.8em;
}
.footer-new3 p,.footer-head1 p{
    color: #FFFFFF;
  font-size: 1em;
  line-height: 1.8em;
}
.footer-new3 h5 {
  color:#0088CC;
  font-size: 1.1em;
  text-decoration: none;
}
.footer-new3 a{
  color:#0088CC;
  text-decoration: none;
  font-size: 1.1em;
}
.footer-new3 a:hover,a:focus{
  color:#FFFFFF;
  text-decoration: underline;
}
.footer-bottom{
  text-align:center;
  padding:4em 0 0;
}
.footer-bottom p{
  color:#FFFFFF;
  font-size:1.1em;
}
.footer-bottom p a{
  color:#0088CC;
}
.footer-bottom p a:hover{
  color:#FFFFFF;
  text-decoration:none;
}
.footer-new {
  margin-bottom: 1.5em;
}
/*--//footer--*/
.kfp-banner-head {
  background-color: #C1DFDC ;
  width: 100%;
  min-height: 250px;
  position: relative;
  background-size: cover;
}
.kfp-banner-head h1{
  color:#FFFFFF;
  font-size: 4em;
  text-align: center;
  font-family: 'Karla-Bold';
  padding:1.5em 0 0;
}
.kfp-post-banner-spacer {
    padding: 5em 0;
}
/*--clubs--*/
.kfp-panel-body h5 {
  font-size: 1.4em;
  font-family: 'Karla-Bold';
  margin: 0.4em 0;
  color: #2E3131;
}
.kfp-panel-body h5 a{
  color: #2E3131;
  text-decoration: none;
}
.kfp-panel-body h5 a:hover{
  color: #800000;
}
.kfp-panel-body h6 {
  font-size: 1em;
  font-family: 'Karla-Bold';
  margin: 0.4em 0;
  color: #2E3131;
}
.kfp-panel-body p {
  margin-bottom: 10px;
}
/*--//clubs--*/
/*-- gallery --*/
.grid1 {
  padding: 1em 0;
}
.gallery-section{
  padding:1em 0;
  text-align: center;
}
.gallery-grid {
  padding: 1em;
}
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}
/*-- gallery --*/
/*--newsletter--*/

.kfp-newsletters {
    font-size: 1em;
}
.kfp-newsletters h4 {
    font-size: 1.5em;
    padding: 0.5em 0;
    font-family: 'Karla-Bold';
    color: #2E3131;
}
.kfp-newsletters li{
  margin: 0px 0px 0px 0px;
  list-style:none;
  padding:0.2em 0 0 0;
}
.kfp-newsletters li {
  color:#838383;
}
.kfp-newsletters li i{
  width: 17px;
  height: 17px;
  background: url(../images/img-sprite.png)no-repeat -562px -40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
ul.kfp-newsletters {
  padding: 0em 0 0 0;
  margin: none;
}
/*--//newsletter--*/
/*--contact--*/
.kfp-map iframe{
  width: 100%;
  border:none;
  padding: 0 15px;
  min-height:380px;
}
.address-grid p{
  margin: 0px 0px 0px 0px;
}
/*--//contact--*/

a.kfplink{
  text-decoration: none;
  color:#0088CC;
}
a.kfplink:hover,focus{
  text-decoration: underline;
  color:#005580;
}
/*--form--*/
.form-horizontal .control-label {
  text-align: left;
}
/*--//form--*/
/*--calendar--*/
/* added styles to allow text to wrap at small screen size and modified Bk color - janice */
.calendar-label {
  display:  block;
  background-color: #0DC5DD;
  text-align: left;
  font-size: 1.3em;
  font-family: 'Karla-Bold';
  margin-bottom: 0.5em;
  border-radius: .25em;
  color: #000; /*-- #fff; --*/
  padding: .2em .6em .3em;
  line-height: 1;
}

.calendar-text p{
  font-size: 1em;
  color: #818181;
  line-height: 1.8em;
}
.calendar-text ul{
  color: #818181;
  line-height: 1.8em;

}
.calendar-text li{
  color: #818181;
  line-height: 1.8em;
}


.th-text-right ul {
  padding: 0;
}
.th-text-right ul li {
  display: block;
  background: url(../images/icon1.png)no-repeat 0px 4px;
  padding-left: 1.5em;
  font-size:0.85em;
  color: ##818181;
  margin: 1em 0 0;
}
.th-text-right ul li a{
  color: #999;
  font-size:0.9em;
}
.th-text-right ul li a:hover{
  color: ##818181;
  padding-left: 15px;
  text-decoration:none;
}



/*--//calendar--*/
/*--responsive--*/
@media(max-width:1366px){
}
@media(max-width:1280px){
}
@media(max-width:1024px){
  .welcome-info h3 {
    font-size: 2.5em;
}
.welcome-info {
    width: 60%;
}
.navbar-nav > li > a {
    margin-right: 15px;
}
.banner_head_top {
    padding: 20px 26px;
}
.headr-right {
    margin-top: 2em;
}
.banner-info {
    margin-top: 7em;
}
.banner {
    min-height: 631px;
}
.banner2 {
    min-height: 230px;
}
.kfp-banner-head h1 {
  font-size: 4em;
  padding:1em 0 0;
}
.kfp-banner-head {
  min-height: 200px;
}
.kfp-landingpage-head-banner h1 {
  font-size: 4em;
}
.kfp-landingpage-banner {
    min-height: 250px;
}
.content-text h5 {
  font-size: 1.2em;
}
.content-text {
  width: 82%;
}
.content-top {
  padding-bottom: 2em;
}
.photo-contest h5 {
  font-size: 1.2em;
}
.photo-contest {
  width: 100%;
}

.kfp-top-event h4 {
  font-size: 1.3em;
  color: #2E3131;
}
.footer-new2 p, .footer-head1 p {
  font-size: 0.8em;
}
.footer {
  padding: 4em 0;
}
.footer-bottom {
  padding: 3em 0 0;
}
.kfp-post-banner-spacer {
}  padding: 4em 0;
.gallery-section {
    padding: 1em 0;
}
.gallery-grid {
    float: left;
    width: 33.3%;
}
}
@media (max-width: 991px){
  .about h2, h2.top, .review h2, .gallery h2, .contact h2 {
    font-size: 2.3em;
}
  .welcome-info h3 {
    font-size: 2.3em;
}
.welcome-info h4 {
    font-size: 1.1em;
    margin: 1em 0;
}
.navbar-nav > li > a {
    padding: 13px 7px;
    font-size: 0.9em;
}
.navbar-nav > li > a {
    margin-right: 9px;
}
.logo h1 a {
    font-size: 0.9em;
}
.banner-info h2 {
    font-size: 4em;
    letter-spacing: 2px;
}
.banner {
    min-height: 603px;
}
.banner2 {
    min-height: 210px;
}
}
@media(max-width:768px){
.kfp-banner-head h1 {
  font-size: 4em;
  padding:1em 0 0;
}
.kfp-banner-head {
  min-height: 200px;
}
.kfp-landingpage-head-banner h1 {
  font-size: 4em;
}
.kfp-landingpage-banner {
    min-height: 250px;
}
.content-top {
  padding-bottom: 0em;
}
.wel {
  margin-bottom: 1em;
}
.kfp-events h2 {
  font-size: 2.5em;
}
.kfp-top-event h4 {
  font-size: 1.1em;
  color: #2E3131;
}
.kfp-top-event p {
  font-size: 0.9em;
}
.footer-head,.footer-head1 {
  width: 50%;
  float: left;
}
.footer-new1 {
  width: 24%;
}
.footer-new2 {
  width: 69%;
}
.footer {
  padding: 4em 0 3em;
}
.footer-new2 p, .footer-head1 p {
  font-size: 0.9em;
}
.kfp-post-banner-spacer {
  padding: 3em 0;
}
.gallery-section {
    padding: 1em 0;
}
}
@media(max-width:640px){
  .about h2, h2.top, .review h2, .gallery h2, .contact h2 {
    font-size: 2em;
}
.banner-info h3 {
    font-size: 1.3em;
    word-spacing: 2px;
}
.welcome-info {
    width:90%;
}
.welcome-info p,.tab-pic-info p,.top-blog p,ul.grid-part li a,.media-body p,.news-ltr p
,.ftr-grid ul li a{
    font-size: .8em;
}
.top-menu {
    float: right;
  width:65%;
}
.navbar-nav > li > a {
    padding: 15px 0px 15px 0px;
    font-size: 0.9em;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    border-bottom:none!important;
}
.navbar-nav > li > a:hover,.navbar-nav > .active > a:hover{
    border-bottom:1px solid #000!important;
  color: #0dc5dd!important;
}
.navbar-nav > li > a {
    margin-right: 0px;
  text-align:center;
}
.navbar-nav {
    margin:0 0 7.5px 0px;
}
.banner_head_top {
    padding:12px 20px 10px;
}
.navbar-toggle {
   margin:8px 0 12px 0;
}
.banner-info h2 {
    font-size: 3.5em;
    letter-spacing: 4px;
}
.banner-info {
    margin-top: 6em;
}
.banner {
  min-height: 535px;
  padding-bottom:2em;
}
.banner2 {
    min-height: 198px;
  padding-bottom:2em;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000!important;
    box-shadow: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color:#000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  text-align:center;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color:#0dc5dd;
}
.header-top {
    padding: .1em 0;
}
.calendar-date span {
  font-size: 2.4em;
}
.calendar-text small {
  font-size: 0.9em;
}
.kfp-banner-head h1 {
  font-size: 3em;
  padding:.7em 0 0;
}
.kfp-banner-head {
  min-height: 150px;
}
.kfp-landingpage-head-banner h1 {
  font-size: 3em;
}
.kfp-landingpage-banner {
    min-height: 200px;
}
.kfp-top-event {
  text-align: center;
  margin-bottom: 1em;
}
.kfp-top-event img{
  margin: 0 auto;
}
.kfp-events h2 {
  font-size: 2.5em;
  margin-bottom: 0.8em;
}
.kfp-events-top {
  margin-top: 0;
}
.footer-new1 {
  width: 27%;
}
.footer-head h4, .footer-head1 h4 {
  color: #FFFFFF;
  margin-bottom: 0.5em;
}
.photo-contest h2{
  font-size: 2.5em;
}
.photo-contest h3{
  font-size: 1.5em;
}
.photo-contest dl{
    font-size: 1.2em;
    font-weight: bold;
}
}
@media(max-width:480px){
  .banner2 {
    min-height: 124px;
}
  .welcome-info {
    width: 100%;
}
.welcome-info h4 {
    font-size: 1em;
}
.kfp-map iframe {
    min-height: 250px;
}
.kfp-landingpage-head-banner {
  float: left;
  width: 100%;
}
.kfp-banner-head h1 {
  font-size: 2em;
  padding:.7em 0 0;
}
.kfp-banner-head {
  min-height: 100px;
}
.kfp-landingpage-head-banner h1 {
  font-size: 2em;
}
.kfp-landingpage-banner {
    min-height: 150px;
}
.content-text p {
  font-size: 0.9em;
}
.content-text ul li {
  font-size: 0.9em;
}
.photo-contest p {
  font-size: 0.9em;
}
.photo-contest ul li {
  font-size: 0.9em;
}

.calendar-text p {
  font-size: 0.9em;
}
.calendar-text ul li {
  font-size: 0.9em;
}
.kfp-events h2 {
  font-size: 2em;
}
.footer-bottom {
  padding: 2em 0 0;
}
.footer-head, .footer-head1 {
  width: 100%;
}
.footer {
  padding: 3em 0 2em;
}
.footer-new2 p {
  width: 55%;
}
.photo-contest h2{
  font-size: 1.5em;
}
.photo-contest h3{
  font-size: 1.2em;
}

.kfp-post-banner-spacer {
  padding: 2em 0;
}
.gallery-section {
    padding: 1em 0;
}
}
@media(max-width:320px){
.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.welcome-info h3 {
    font-size: 1.5em;
}
.welcome-info h4 {
    font-size: 0.9em;
}
.kfp-map iframe {
    min-height: 200px;
}
.header-top {
    padding: 0.1em 0;
}
.header {
  padding: 0.5em 0;
}
.calendar-date span {
  font-size: 1.5em;
}
.calendar-text small {
  font-size: 0.6em;
}
.kfp-banner-head h1 {
  font-size: 2em;
  padding:.7em 0 0;
}
.kfp-banner-head {
  min-height: 100px;
}
.kfp-landingpage-head-banner h1 {
  font-size: 2em;
}
.kfp-landingpage-banner {
    min-height: 150px;
}
.wel {
  padding: 0;
}
.kfp-top-event {
  padding: 0;
}
.footer-head, .footer-head1 {
  padding: 0;
}
.footer-head h4, .footer-head1 h4 {
  font-size: 1.3em;
}
ul.list1 li a {
  margin: 0.3em 0;
  font-size: 0.9em;
}
.footer-bottom p {
  font-size: 0.9em;
}
.footer {
  padding: 2em 0 1.5em;
}
.footer-bottom {
  padding: 1em 0 0;
}
.footer-new2 p {
  width: 100%;
}
.kfp-post-banner-spacer {
  padding: 1.5em 0;
}
.kfp-map iframe {
  padding: 0;
  min-height: 360px;
}
.kfp-newsletter li a {
  font-size: 0.9em;
}
.kfp-newsletter li {
  padding: 0.2em 0;
}
.gallery-section {
    padding: 1em 0;
}
.gallery-grid {
   padding: 0 0 1em;
    width: 100%;
}

}