/* INDEX */

a:hover {color:gray !important;}

p,a, li {font-family: 'Montserrat', sans-serif;}

#main {height: 100%;left: 0;text-align: center;top: 0;width: 100%;}

.dropdown-content{width: max-content !important;height:auto !important;}

hr.line-index {border:solid 1px white; opacity:0.4;}

.list-group-item, .list-group {border:0 !important; background-color:transparent !important;}

.footer-content p {max-width: 500px; margin: 10px auto; line-height: 28px; font-size: 14px; color: white; font-weight:bold;}
			
.footer-content {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
			
.footer-content a {color:yellow; text-decoration:none;}

.dropdown-content a {font-family: 'Exo 2', sans-serif; color:black !important;}

#dropdown {background-color:rgba(255,255,255,0.7) !important;}


#overlay {background-attachment: fixed, fixed; background-image: url("images/overlay-pattern.png"), url("images/overlay.svg"); background-position: top left, center center; background-repeat: repeat, no-repeat; background-size: auto, cover; height: 100%; left: 0; position: fixed; top: 0; width: 100%; opacity:0.5; z-index:-1;}









/* INDEX BOOTSTRAP SMALL */

.collection-item{background-color:transparent !important; border:none !important; color:white !important; font-size:20px !important; }

.collection {border:none !important; height:400px;}

hr.line-index2 {border:solid 1px white; opacity:0.4; width:30%; margin:auto;}

.collapsible-header {background-color:transparent !important; display:block !important; text-align:center !important; border-bottom:0 !important; color:white; font-family: 'Exo 2', sans-serif; !important; font-size:20px !important;}

.collapsible {border:none !important; border-bottom:0 !important;}

.collapsible-body {border:none !important;}

.collapsible-body a {font-family: 'Exo 2', sans-serif; color:white;}

.collapsible-body ul li {margin-top: 1em !important; margin-bottom:1em !important;}

.collection a {font-family: 'Exo 2', sans-serif !important;}


		
		
/* MEDIA QUERIES */


@media only screen and (min-width: 600px) {
  .logo {width:150px !important; margin-bottom:3em !important;}
}