@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');

::-moz-selection  {
    background: #00b9e7;
    color: #fff;
}
::selection   {
    background: #00b9e7;
    color: #fff;
}

.bg-color {
    background: #00b9e7;
}

body {
    font-family: 'Baloo Tamma 2', cursive;
    overflow-x: hidden;
    background-color: #00b9e7;
}

p,
h1,
a,a:hover {
    color: #fff;
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
}

h1 {
    font-size: 42px;
    font-weight: 600;
}

.a-no-style {
    text-decoration: none !important;
}

strong {
    font-weight: 800;
}

.transition-all {
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;    
}

.clear {
    display: block;
    float: none;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.mouse-hover:hover {
    opacity: 0.85;
    cursor: pointer;
}

button:focus, .btn:focus {
    outline: 0 none;
}

.background-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

header {
    margin: 150px 0;
}

.navbar-brand {
    max-width: 250px;
    height: auto;
}
.navbar-brand img {
    max-width: 100%;
    height: auto;
}

.coming-soon h3 {
    margin-top: 50px;
    color: #fff;
}


.desktop-view { display: block; }
.desktop-inline-view { display: inline-block; }
.mobile-view { display: none; }

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

@media only screen and (max-width: 990px) {
    
    .desktop-view { display: none; }
    .desktop-inline-view { display: none; }
    .mobile-view { display: block; }

}