/*
___  ___  _____   __
| _ )/ _ \|   \ \ / /
| _ \ (_) | |) \ V / 
|___/\___/|___/ |_|  

*/
body {
  text-transform: none;
  font-family: 'Caladea', serif;
  display: none;
  background-color: orange;
  font-size: 32px;
}
/*
_  _ _ 
| || / |
| __ | |
|_||_|_|
       
*/
h1 {
  font-family: 'Noto Serif', serif;
  color: navy;
  font-size: 40px;
  text-decoration: underline;
  text-align: center;
}
div.overlay-text h1 {
  width: 566px;
  padding: 6px;
  display: inherit;
  color: yellow;
  font-size: 46px;
  line-height: 46px;
  text-align: center;
  border: 3px solid rgba(255, 0, 223, 1.00);
  background: rgba(26, 0, 255, 1.00);
  font-weight: 70;
  font-family: 'Noto Serif', serif;
}
/*
_  _ ___ 
| || |_  )
| __ |/ / 
|_||_/___|
         
*/
h2 {
  font-size: 32px;
  color: navy;
  font-family: 'Noto Serif', serif;
  text-decoration: underline;
  text-align: center;
}
/*
_  _ ____
| || |__ /
| __ ||_ \
|_||_|___/
         
*/
h3 {
  font-size: 24px;
  font-family: 'Noto Serif', serif;
  color: navy;
  text-align: center;
  text-decoration: underline;
}
h4 {
  text-decoration: underline;
  text-align: center;
  color: navy;
  font-size: 24px;
  font-family: 'Noto Serif', serif;
}
/*
___ 
| _ \
|  _/
|_|  
    
*/
p {
  color: blue;
  padding: 24px;
  text-decoration: none;
  font-family: 'Caladea', serif;
  font-size: 24px;
}
/*
___ _____   __  
|   \_ _\ \ / /__
| |) | | \ V (_-<
|___/___| \_//__/
                
*/
div {}
div.branding {
  background: linear-gradient(to top, orange, 20%, orange);
  padding: 20px;
}
div.kiosk {
  padding-top: 12px;
  margin-top: 32px;
  max-width: 90%;
  border: 6px solid green;
  background-color: orange;
}
.call-to-action button {
  border-radius: 50%;
  border: 6px solid;
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 999;
  background: linear-gradient(to top, lightblue, 100%, rgba(255, 28, 155, .9));
}
div.overlay-text {
  position: relative;
  top: 14px;
  left: 0px;
  z-index: 999;
  text-transform: none;
}
div.qr {
  position: relative;
  top: 490px;
  left: 10px;
  z-index: 999;
  display: none;
}
div.scale {
  /*hide or delete this next "display" rule to toggle the invisible people*/
  display: none;
  width: 70px;
  height: 67px;
  position: absolute;
  top: 64px;
  z-index: 999;
  background-repeat: no-repeat;
}
span {
  font-size: 32px;
  /* color: rgba(255,28,155,.9);*/
}
#mapdiv {
  border: #FF0004 0px solid;
  align-content: center;
}
/*
  _                                 
 (_)_ __ ___   __ _  __ _  ___  ___ 
 | | '_ ` _ \ / _` |/ _` |/ _ \/ __|
 | | | | | | | (_| | (_| |  __/\__ \
 |_|_| |_| |_|\__,_|\__, |\___||___/
                    |___/           
*/
img {
  border: rgba(252, 0, 4, 1.00);
  max-width: 300px;
  align-content: center;
}
/*
_    _      _       
| |  (_)_ _ | |__ ___
| |__| | ' \| / /(_-<
|____|_|_||_|_\_\/__/
                    
*/
a {
  color: blue;
  text-decoration: underline;
}
a:hover {
  color: red;
  text-decoration: none;
}
.call-to-action button a {
  color: red;
  text-decoration: none;
}
/*
 _    _    _      
| |  (_)__| |_ ___
| |__| (_-<  _(_-<
|____|_/__/\__/__/

*/
ul {
  list-style: none; /*turn-off the bullets for list items*/
  padding-left: 0;
}
/*

  _                 _       _                          
 | |__   ___   ___ | |_ ___| |_ _ __ __ _ _ __         
 | '_ \ / _ \ / _ \| __/ __| __| '__/ _` | '_ \        
 | |_) | (_) | (_) | |_\__ \ |_| | | (_| | |_) |       
 |_.__/ \___/ \___/ \__|___/\__|_|  \__,_| .__/        
                                        _|_|           
   _____   _____ _ __    __      ___ __(_) |_ ___  ___ 
  / _ \ \ / / _ \ '__|___\ \ /\ / / '__| | __/ _ \/ __|
 | (_) \ V /  __/ | |_____\ V  V /| |  | | ||  __/\__ \
  \___/ \_/ \___|_|        \_/\_/ |_|  |_|\__\___||___/
                                                       

  */
div.carousel {
  background-color: lightblue;
  min-width: 609px;
	max-width: 729px;
	margin:auto;
}
.carousel-indicators {
  position: absolute;
  bottom: 5px;
}
div.carousel-caption {
  border-radius: 0px 10px 0px 10px;
  border: 0px solid #FF00F8;
  padding: 1rem;
  background-color: rgba(233, 229, 229, 0.55);
  max-width: 100%; /*change to 25% to get a smaller container, if your design calls for it */
  width: 97%;
  height: 25%;
  left: 20px;
}
div.carousel img {
  width: 50%;
  height: 600px;
  max-width: 729px;
  float: center;
  margin: 10px 10px 10px 10px; /* top / right / bottom / left */
}
div.carousel img.qr-icon {
  width: 30px;
  height: 30px;
}
div.carousel-caption h2 {
  text-transform: none;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  color: darkgreen;
  font-weight: 70;
  text-align: center;
  border: 0px solid rgba(254, 0, 4, 1.00);
  background-color: lightgreen;
}
/***
 *       ____                          _              
 *      / __ \                        (_)             
 *     | |  | |  _   _    ___   _ __   _    ___   ___ 
 *     | |  | | | | | |  / _ \ | '__| | |  / _ \ / __|
 *     | |__| | | |_| | |  __/ | |    | | |  __/ \__ \
 *      \___\_\  \__,_|  \___| |_|    |_|  \___| |___/
 *                                                    
 *                                                    
 */
/* Media Queries: This is just a taste, I'll cover it later in the semester*/
@media (min-width: 992px) {
  div.carousel img {
    max-width: 1600px;
  }
}
/*
grid
*/
.row {
  padding: 12px;
  margins: 12px;
}
.col {
  padding: 12px;
  margins: 12px;
}