body {
    height: 100%;
    font: 20px Montserrat, sans-serif;
    line-height: 1.8;
    color: #f5f6f7;
    background-color: #1abc9c; /* Green */
}
html {
    height: 100%;
  }
p {font-size: 16px;}

a {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #333;
    text-decoration: none;
}

.margin {margin-bottom: 45px;}
.bg-1 { 
    background-color: #1abc9c; /* Green */
    color: #ffffff;
}
.bg-2 { 
    background-color: #474e5d; /* Dark Blue */
    color: #ffffff;
}
.bg-3 { 
    background-color: #ffffff; /* White */
    color: #555555;
}
.bg-4 { 
    background-color: #2f2f2f; /* Black Gray */
    color: #fff;
}
.padd70 {
    padding-top: 40px;
    padding-bottom: 30px;
}
.navbar {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 10px;
    letter-spacing: 3px;
}
.navbar-nav  li a:hover {
    color: #1abc9c !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
}
.container {
    width: auto;
    max-width: 512px;
    padding: 0 15px;
}
.card-body {
    color: #000;
    font: 15px Montserrat, sans-serif;
    line-height: 1.8;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231ABC9C' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231ABC9C' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }
.carousel-indicators li {
    background-color: #1abc9c;
}
  
.carousel-indicators .active {
    background-color: #328d0a;
}

/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display:inline-block;
    position: relative;
  }
  
  /* magnifying glass icon */
  .zoom:after {
    content:'';
    display:block; 
    width:33px; 
    height:33px; 
    position:absolute; 
    top:0;
    right:0;
    background:url(../img/zoom/icon.png);
  }
  
  .zoom img {
    display: block;
  }
  
  .zoom img::selection { background-color: transparent; }
  
  #ex2 img:hover { cursor: url(../img/zoom/grab.cur), default; }
  #ex2 img:active { cursor: url(../img/zoom/grabbed.cur), default; }