article .container .row {
  width:70%;margin:auto;
  text-align:justify;
}


/******* NAV *******/
nav.navbar {background-color:#1a1a1a;opacity:0.6;}

/******* HEADING *******/


/******* WELCOME *******/
.bg-root{
  height:500px;width:100%;
}
.welcome-sky {background-color: #87ceeb;}
@-webkit-keyframes cloudAnim1 {
  0% {left:0px;}
  50% {left:900px;}
  100% {left:100px;}
}
@-moz-keyframes cloudAnim1 {
  0% {left:0px;}
  50% {left:900px;}
  100% {left:100px;}
}
@-ms-keyframes cloudAnim1 {
  0% {left:0px;}
  50% {left:900px;}
  100% {left:100px;}
}
@-o-keyframes cloudAnim1 {
  0% {left:0px;}
  50% {left:900px;}
  100% {left:100px;}
}
@keyframes cloudAnim1 {
  0% {left:0px;}
  50% {left:900px;}
  100% {left:0px;}
}
.cloud {
  height:50px;width:150px;
  background-image: url("/img/welcome/cloud.png");
  background-repeat: no-repeat;
  position:relative;left:0px;top:50px;
  animation: cloudAnim1 infinite 60s;
  webkit-animation: cloudAnim1 infinite 60s;
  -moz-animation: cloudAnim1 infinite 60s;
  -ms-animation: cloudAnim1 infinite 60s;
  -o-animation: cloudAnim1 infinite 60s;
}
.welcome-search{background-color:white;}
.welcome-about{background-color:gray;}

/******* DISCOVERING *******/
.col-33 {float:left;width:50%;}
.trek-summary-container {height:250px;padding:8pt;overflow:hidden;margin: 5pt;}
.trek-summary-thumbnail {width:100%;height:100%;}
.trek-summary-thumbnail > img {width:100%;height:100%;object-fit: cover;}
.trek-summary {background-color:#e0e0e0;height:180px;position:relative;top:-10px;opacity:0.8;transition: top 1s;padding:5pt;}
.trek-summary-container:hover > .trek-summary {top:-150px;}
.trek-summary-title {font-weight:bold;margin:auto;color:#000;text-decoration:none;}
a.trek-summary-link {text-decoration:none;color:red;text-align:center;}
.trek-summary-title:hover {text-decoration:none;}
.clean{clear:left;}