/*CSS V 3 */
 @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;1,400;1,700&family=Ubuntu:ital@0;1&display=swap');

 html, body {
  font-family: 'Ubuntu', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.8em;
 }
 * {
box-sizing: border-box;
 }
body {
  background-color: #d1d5db;
}
#main-header {
  text-shadow: 0.2rem 0.2rem black;
}
#main-header h1 a {
  color: yellow;
  text-decoration: none;
  
}
h4.dots{
  max-width: 400px;
}
.dots {
  border: 4px dotted tomato;
  border-radius: 10px;
  padding: 5px;
}
#tacky {
  border: 2px solid darkblue;
  outline: 10px solid tomato;
  text-shadow: 0 0 4px white, 0 0 20px blue;
  font-family:serif;
}

#abutty {
  border: 2px solid darkblue;
  outline: 10px solid tomato;
}
#tacklet {
  border: 2px solid darkred;
}
#tackletts {
  border-top: 2px solid white;
  border-bottom: 4px solid tomato;
}
h1#abutty {
  text-indent: 75px;
  text-align: justify;
  letter-spacing: 3px;
}
#wave {
  text-decoration-line: underline;
  text-decoration-color: darkred;
  text-decoration-style: wavy;
}
#contacty {
  text-shadow: 4px 4px black;
  border: 2px solid black;
  outline: 10px solid white;
}
#contacty1 {
  text-shadow: 3px 3px brown;
  border: 2px solid brown;
  outline: 10px solid gold;
}
#assure {
  font-style: oblique;
  text-align: center;
}
footer {
  border: 1px solid purple;
  text-align: center; 
  background-color: aqua;
}
footer p {
  color: purple;
  margin-top: 3px;
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.logo {
  text-align:start;
}

.navbar {
  display: flex;
  justify-content: space-around;
  background-color: aqua;
}

@media screen and (max-width: 700px) {
  .navbar {   
    flex-direction: column;
  }
}

#demo .carousel-item img {
  object-fit: cover;
  object-position: top;
  height: auto;
  overflow: hidden;
}
input[type=text] {
  width: 50%;
}

input[type=email] {
  width: 50%;
}

/* float clear */
.clr {
  clear: both;
}
/*CSS Image Gallery */
div.gallery {
  margin: 5px;
  border: 1px solid purple;
  float: left;
  width: 266px;
}
.card:hover {
  transform: scale(1.02);
}

div.gallery:hover {
  border: 2px solid black;
}

div.gallery img {
  width: 100%;
  height: 350px;
}

div.desc {
  padding: 15px;
  text-align: center;
}
.about-us {
  margin: 5px;
  border: 1px solid black;
  float: left;
  width: 350px;
}
.about-us img {
  width: 100%;
  height: 400px;
}
.sitemap ul a {
  color: darkblue;
  text-decoration: none;
  padding: 0 20px;
}
.sitemap ul {
  list-style-type: none;
}