body{
    background-color:#e7d6bd;
}

html,
body {
    width: 100%;
    height: 100%;
}
.bg-dark{
    background-image:url("img/sky.jpeg");
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
h1{
    font-family: 'Lobster', cursive;
}
h2{
    font-family: 'Playball', cursive;
}
h3, p{
    font-family: 'Poppins', sans-serif;
}
.fw,
fh {
    display: table;
}

.fw {
    width: 100%;
    padding: 40px 0;
}

.fh {
    height: 100%;
}

.vert-center {
    display: table-cell;
    vertical-align: middle;
}
.a{
    height:35px;
    background-color:black;
}
.b{
    height:500px;
    vertical-align:middle;
}
.c{
    margin-top:50px;
    margin-bottom:50px;
}
.d{
    padding:50px;
}
.e{
    background-image:url(../img/a.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index:-1;
}
.f{
    background-color:rgba(231, 214, 189,0.2);
}
.g{
    font-family:'Caveat', cursive;
    font-size:30px;
}
.h{
    animation-name:a;
    animation-iteration-count:infinite;
    animation-duration:15s;
    height:225px;
}
@keyframes a{
    0%{
        background:url("img/d.jpeg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    50%{
        background:url("img/e.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    100%{
        background:url("img/d.jpeg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
.i{
    font-size:15px;
}
.j{
    animation-name:b;
    animation-iteration-count:infinite;
    animation-duration:15s;
    height:225px;
}
@keyframes b{
    0%{
        background:url("img/f.jpeg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    50%{
        background:url("img/g.jpeg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    100%{
        background:url("img/f.jpeg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
.k{
    background-image:url("img/balloon-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:914px;
}
.l{
    visibility:hidden;
    color:#e7d6bd;
}
.m{
     margin-top:25px;
}
#n{
    font-size:100px;
    background-image: linear-gradient(to right,blue,white);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
#o{
    font-size:50px;
    background-image: linear-gradient(to right,red,orange, red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
#p{
    font-size:25px;
    background-image: linear-gradient(to right,blue,white);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.q{
    background-color:#FFDFC4;
}
.test{
    border-style:solid;
    border-color:black;
    border-width:5px;
}
p {
    font-size: 24px;
}
.carousel {
    border: 5px solid black;
    
}

.tooltip-inner {
  /*background-color: white;*/
  /*box-shadow: 0px 0px 4px black;*/
  background-color: black;
  opacity: 0.3 !important;
}

.co {
    opacity: 1; 
    padding: 2px 10px;
}
@media only screen and (max-width:864px){
    a
}