@charset "utf-8";
body{height:100%;font-family: 'Lato', sans-serif;letter-spacing:1px;font-size: 16px;line-height: 1.3;color: #2d2a2b;background:#f3f3f3;}
/* Typography  */
h1 {font-size:38px;color:deeppink;text-align: center;padding: 15px 5px;text-transform:uppercase;font-weight:500;}
h2 {font-size:18px;color:deeppink;text-transform:uppercase;text-align: center;padding: 5px;font-weight: 500;}
h3 {font-size:48px; color: deeppink; font-weight: normal;}
h4 {font-size:20px; color:deeppink;}
h5 {font-size:20px; color:deeppink;font-weight: 600;}
h6 {font-size:18px; color:#0066CC;}
p {font-size: 16px;
    color: black;
    line-height: 31px;
    text-align: left;
    font-weight: 400;}
.foot p{color: silver;}
.foot a{
    color: lightpink;
    text-align: left;
    letter-spacing: 0.7px;}
    
    .footmenu a{padding: 0.5em 0.5em;
    color: lightpink;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.7px;}
    
    
.month>h2 {padding:0;margin-top:0;}
.month>h5 {font-family: 'Satisfy', cursive;font-size:1.7em;text-align:center;}
.nav .fa {font-size:inherit;padding:0;color:deeppink;}
.month .fa {font-size:50%;padding:0;color:deeppink;}
.month>img {margin-bottom:1em;}
.socio .fa {font-size:inherit;padding:10% 3%;color:deeppink;}
.banner-box .fa {color:deeppink;border:2px solid deeppink;border-radius:100%;height:2em;width:2em;padding-top:14px;}
.banner-box .fa:hover {background:deeppink;color:white;}
.login {padding:3%; padding-top:4%; font-weight:bold;} 
.login a {color:black;text-decoration: none;text-transform:uppercase;}
.login a:hover {color:deeppink;text-decoration: none;text-transform:uppercase;}

/* Banner */
.banner-bg {background:url(../bannerimages/bannerindex61.jpg);background-repeat:no-repeat;background-size:cover; background-position:center center; margin-top:-20px; float:left; width:100%; padding:7%;max-height:500px;}
.banner-inner {z-index:9;position:relative;margin-top:15%;text-align:center;}
.banner-box {display: inline-block;width: 100%;margin: 0 auto;padding: 15px;background:#0006;background: rgba(0,0,0,0.6);color: lightpink;font-size: 1.2em;text-shadow: none;-webkit-transition: all .1s ease-in-out 0s;transition: all .1s ease-in-out 0s; margin-bottom:15px;}
.banner-box:hover {background:black;}
.banner-box a, a:hover, a:focus {background:transparent;color:lightskyblue;}
.banner-inner h5,.banner-inner h3, .banner-inner p{text-align:center;color:whitesmoke;text-transform:uppercase;text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);}
.banner-inner h3 {font-weight: 600;font-size: 42px;text-transform: capitalize;padding: 0;margin: 15% auto 1%;}
.banner-inner h5 {font-weight:600;padding:0.5em;}
.banner-box h5 {text-align:center;color:deeppink;text-transform:uppercase;font-weight:600;text-shadow:none;padding:0;}
.banner-box .txt {text-align:center;color:deeppink;text-transform:uppercase;font-weight:600;text-shadow:none;margin:auto 2%;}
/* Media devices */
/* Navigation */
.nav > li > a {padding: 0.5em 1.5em;color:lightpink;text-align:left;text-transform: uppercase;letter-spacing: 0.7px;}
.nav > li > a:hover, .nav > li > a:focus{background:none; color:whitesmoke;}
.navbar-nav {margin:0.2em 0;}
.navbar-nav .active{color:pink;}
.navbar-nav .active a{color:lightpink;}
.btn-outline-success{background:black; margin-left:-5px;}
.btn-outline-success:hover{background:deeppink; margin-left:-5px;}
/*ul*/
.tab-content li {color: #fdb1be;list-style-type: square;font-size: 19px;}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
h3 {
    font-size: 38px;
    color: deeppink;
    font-weight: normal;
}
h1 {
    font-size: 24px;
    color: deeppink;
    text-align: center;
    padding: 15px 5px;
    text-transform: uppercase;
    font-weight: 500;
}
.banner-inner h3 {
    font-weight: 600;
    font-size: 36px;
    text-transform: capitalize;
    padding: 0;
    margin: 15% auto 1%;
}

}