/*!
 * Ciicon Stylesheet {2021-10-25}
 */
 
html {font-size: 14px;}
@media (min-width: 768px) {html {font-size: 16px;}}
.container {max-width: 1440px;}
.card-deck .card {min-width: 220px; max-height: 500px;}
.jumbotron-deck .jumbotron-card {min-width: 220px; max-height: 500px;}
.pic-jumbotron{
  /*background-image: url("../image/laptop-coffee.jpg");*/
  background-color:lavender;
  /* background-size: cover; */
  background-repeat: no-repeat;
  min-height: 450px;
  padding: 5em inherit;
  /*max-height: 550px;*/
}
.banner-main {
  background-color:lavender;
  min-height: 450px;
}
.navbar-text {padding: 5px; margin-left: 15px; margin-right: 55px;}
.jumbotron-text-main { 
  color: #33475C;
  font-size:40px; 
  font-weight:550;
  /*text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;*/
} 
.jumbotron-text-sub {
  color: #33475B; /* #696969 */
  font-size:25px; 
  font-weight:400; 
  /*text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;*/
}
.jumbotron-contents {
  display: flex;
  margin-left: 8px;
  align-self: center;
  align-items: center;
}
.btn-xl {
  padding: 20px 30px;
  font-size: 18px;
  border-radius: 7px;
}
.post-thumb {
  float: left;
  position: relative;
  overflow: hidden;
  /*width: 33.333%;*/
  max-height: 590px;
  font-family: arial;
}
.post-thumb:hover .caption-text {
  opacity: 1;
  transform: scale(1.2);
}
.post-thumb .caption-text h2,
.post-thumb .caption-text p {
  width: 100%;
  margin: 10px 0px;
}
.post-thumb img{
  float: left;
}
.caption-text {
  position: absolute;
  opacity: 0;
  transition: all 0.45s ease-in-out;
  background-color: rgb(0 0 0 / 50%);
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
  padding-top: 250px;
}
p { margin:0 }
