body {
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.overlay {
    height: 25%;
    margin:0 auto;
    position: fixed;
    z-index: 1000;
    top: 0%;
	width:0;
	left:12%;
    background-color:white;
    opacity: 0.9;
    overflow: hidden;
	scroll = "no";
    transition: 0.5s;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: break-spaces !important;
    background-color: transparent;
    border: 0;
}

.overlay-content {
    position: relative;
    top: 5%;
    width: 92%;
    text-align: center;
    margin-top: 1px;
}

.overlay p, .overlay a {
    padding: 1px;
    text-decoration: none;
    font-size: 18px;
    color:#444444;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #ccc7c7;
}

.closebtn {
    position: absolute;
    top: 1px;
    right: 20px;
    font-size: 60px !important;
}
.menu-list {
position: relative !important;

top:0px !important;


}


hr {
width: 40%;
margin-left: auto;
margin-right:auto;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .closebtn {
    font-size: 40px !important;
    top: 1px;
    right: 15px;
  }
}

.boxed-container {
  
    margin: 0 auto;
    box-shadow: 0 16px 48px #E3E7EB;

}

@media (min-width: 200px) {
.boxed-container {
  width:100% !important;
  max-width: 100% !important;

}
p {
  font-size:1rem;
}

}
@media (min-width: 768px) {
.boxed-container {
  width:100% !important;
  max-width: 100% !important;

}
p {
  font-size:1rem;
}

}
@media (min-width: 768px) {
.container {
    width: 100% !important;
    max-width: 100% !important;
}
p {
  font-size:1rem;
}
}
@media (min-width: 576px) {
.container {
  width: 100% !important;
  max-width: 100% !important;
}
p {
  font-size:1rem;
}
.menu-list {
position: relative !important;

top:-30px !important;


}

}
@media (min-width: 1000px) {
.container {
  width: 80% !important;
  max-width: 80% !important;
}
p {
  font-size:1rem;
}
}
.is-boxed {
    background: #FFF;
}

.auto-style4 {
	text-align: center;
	font-size: x-small;
}