/* body background */
body {
    background: url("../img/confectionary.png") repeat;
}

.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.center {
    text-align: center;
    margin: 0px auto;
}

#myCarousel {
    margin-top: 56px;
}

.fas {
    color: #0066FF;
}

footer{
     background-color: #DCDCDC;
     padding: 16px 0px;
}

footer .fa:hover{
   color:#675f5f;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 30%; /* Full width (cover the whole page) */
  /*height: 60%;  Full height (cover the whole page) */
  top: 10%;
  left: 40%;
  /*right: 50%;
  bottom: 50%;*/
  background-color: rgba(255,255,255,1); /* Black background with opacity */
  z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  border-color: red;
  border: 2px;
  border-style: dotted;
}

#text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 40px;
  color: black;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

#overlay p {
	font-size: 20px;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 24px;
	margin-bottom: 24px;
}