/*
general styles
*/

html, body {
	height: 100%;
	width: 100%;
}

/*
navbar affix
*/

  .affix {
      top:0;
      width: 100%;
      z-index: 9999;
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }

/*
general spacing
*/

div[class*='col-'] {
    padding: 25px;
}



/**/
/* additional sections */
/**/

#logo {
	max-height: 200px;
	background-color: rgb(252,254,253);
	color: #aaaaaa;
}

#logo img{
	display: block;
	margin: auto;
	padding: 5px 0px 0px;
	max-height: 200px;
	width: 100%;
	object-fit: contain;
}

#topics {
	background: url(../images/4.jpg) no-repeat center center/cover fixed;
	color: rgb(25,25,25);
	min-height: 100%;
}
#topics .row{
	padding: 0px 15%;
}
.image{
    position:relative;
    padding-bottom:100%;
	background-color: #0565A1;
	border-radius:6px;
}
.image img{
    position: absolute;
	min-width: 100%;
    min-height: 100%;
	object-fit: cover;
}
#topics .panel{
	position: absolute;
	width: 100%;
	cursor: pointer;
}
#topics .panel-default{
  background: transparent;
}
#topics .panel-heading{
	background: rgba(5,101,161,0.5);
	font: x-large bold, Arial;
}
#topics .panel-default a{
	color: #F5F5F5;
}
#topics .panel-body{
	display: none;
	background: rgba(5,101,161,0.5);
	color: #F5F5F5;
	font: large bold, Arial;
	min-height: 100%;
}

#partners {
	background: rgb(250,250,250) no-repeat center center/cover fixed;
	color: rgb(25,25,25);
}
#partners .row{
	padding: 0px 15%;
}

#contact{
	background: url(../images/4.jpg) no-repeat center center/cover fixed;
}
#contact .panel-heading{
	background: rgb(170,170,170);
	color: white;
	text-align: center;
}

.line-separator-grey {
	height: 2px;
	background: rgb(170,170,170);
	margin: 0px;
}