/*!
 * Start Bootstrap - Landing Page v5.0.9 (https://startbootstrap.com/theme/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
    background: url("../images/background1.jpg");
    background-size:cover;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}






@media (pointer: coarse) and (hover: none) {
	
}


 .showcase .showcase-text {
    padding: 7rem;
  }  
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}


.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}




footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mydiv {
     background-color: #212529;
  
}



.nav-link {
color: white !important;
     text-shadow: -1px 2px 4px black, 2px 1px 4px black, 2px 0 4px black, 2px -1px 4px black;
    font-weight: bold;
   padding: 5px;
        
}


/* hover effect */
.navbar a:hover
 {
    background-color: #43464b;
	color: #ffffff !Important;
/* rounded border  for menu hover */	
	border-radius: 10px;
}


/* Make anything with the id = thumbs tag have a hover effect */
a:hover #thumbs { opacity:.7;FILTER: Alpha(Opacity=100, FinishOpacity=70, Style=2); border:1px solid #4E4E4E; border-radius: 25px; }	

a:hover #thumbs2 { opacity:.7;FILTER: Alpha(Opacity=100, FinishOpacity=70, Style=2); border:1px solid #4E4E4E; }

a:hover #thumbs3 { opacity:.7;FILTER: Alpha(Opacity=100, FinishOpacity=70, Style=3); border:0px solid #4E4E4E; }



.card {
    width: 350px;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d2d2dc;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164)
}

.cookies a {
    text-decoration: none;
    color: #000;
    margin-top: 8px
}

.cookies a:hover {
    text-decoration: none;
    color: blue;
    margin-top: 8px
}


#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

.responsivelogo {
  width: 100%;
  max-width: 250px;
  height: auto;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}


.card {
  margin-top: 2em;
  padding: 1.5em 0.5em 0.5em;
  border-radius: 2em;
  text-align: center;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    opacity:.8;
}
.card img {
  width: 65%;
  border-radius: 50%;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.card .card-title {
  font-weight: 700;
  font-size: 1.5em;
}
.card .btn {
  border-radius: 1em;
  background-color: #2C6BEC;
  color: #ffffff;
  padding: 0.5em .5em;
}
.card .btn:hover {
  background-color: #2763D9;
  color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}