#index {
     /*background-color: #d070f1;*/
     /*padding-top: 30px;*/
     }
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

footer {
     background-color: #564787;
}

h5 {
     color: gray;
}
.container-full {
  margin: 0 auto;
  width: 100%;
}

.vertical-align {
    display: flex;
    align-items: center;
}


/*.panel > .panel-heading {
    background-image: none;
    background-color: #d070f1;
    color: lightgray;

}*/



.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.paddingtdmiddle { padding-top: 50%; padding-right: 50%; padding-bottom: 50%;  padding-left: 50%; }

.google-maps {
    position: relative;
    padding-bottom: 60%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.navbar-nav {
width: 100%;
text-align: center;
}
.navbar-nav > li {
     float: none;
     display: inline-block;

}

.navbar-nav > li:hover {
     background-color: #564787;
}

.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}

.panel-body {
     background-color: black;
}



.content-page {
     background-color: black;
}

p {
     color:white;
     font-size:18px
}

strong {
     color:white;
}

li, dl, dt, dd {
     font-size: 18px;
     color:white;
}

ol{
     color:white;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-heading{
    height:50px;
}
.panel-body {
  /* height: 480px; */
  min-height: calc(100vh - 100px);
  overflow-y: auto;
}

.panel-footer{
    height:50px;
}

.panel-default
{
     min-height:100vh;
}

/*.navbar-fixed-top {
  top: 150px;
 }

#header-static {
     top: 0;
     position: fixed;
     background-color: black;
     height: 200px;
     width: 100%;
     z-index: 999;
  }

  #content{
       padding-top:50px;
 }*/

.custom-anchor:before {
     padding-top: 100px;
     margin-top: -100px;
}

.rectangle-box {
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: #564787;
	/*margin-top: 30px;*/
	vertical-align: bottom;
}
.rectangle-box:before {
	content: "";
	display: block;
	padding-top: 50%;
}
.rectangle-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	font-family: 'League Gothic','Raleway', sans-serif;
	font-weight: 400;
}

.rectangle-content div {
	display: table;
	width: 100%;
	height: 100%;
}
.rectangle-content h3 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #EFF9F0;
}

#img-land {
     background-image: url('../../content/images/thess-landing.jpg');
     background-size:cover;
     height: 100vh;
     width: 100%;
     max-width:100%;
     max-height:100vh;

}

#img-land-logo {
     position: relative;
     width : 40vw;
     height: 200px;
}
#text-land-cont {
     position: absolute;
     bottom: 10vh;
     right: 0;
     width: 100vw;
     height: auto;
     text-align: right;

}

#text-land {
     position: relative;
     right:  20px;
}

#text-land > h1 {
     font-size: 50px;
     margin-top: 0;
     font-family: 'League Gothic','Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
     text-shadow: 2px 3px 3px #564787;
     /*text-shadow:

     1px 1px 0 #CCC,

     2px 2px 0 #CCC,

     3px 3px 0 #444,

     4px 4px 0 #444,

     5px 5px 0 #444,

     6px 6px 0 #444,

     /* The Blur - optional */ 5px 5px 15px #999 ;



    /* Transform Effect */

    -webkit-transition: all 0.12s ease-out;		/* Safari & Chrome */

    -moz-transition: all 0.12s ease-out;		/* Firefox */

    -o-transition: all 0.12s ease-out;			/* Opera */

     color: white;
     -webkit-text-stroke: 1px white;
}

#text-land > h1:hover{

  /* Scaling Effect */

  -webkit-transform: scale(1.1);     /* Safari & Chrome */

  -moz-transform: scale(1.1);		 /* Firefox */

  -o-transform: scale(1.1);		     /* Opera */



}
#text-land > h4 {
     font-size: 36px;
     margin-top: 0;
     font-family: 'League Gothic', 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
     text-shadow: 2px 3px 3px #564787;
     /*text-shadow:

     1px 1px 0 #CCC,

     2px 2px 0 #CCC,

     3px 3px 0 #444,

     4px 4px 0 #444,

     5px 5px 0 #444,

     6px 6px 0 #444,

     /* The Blur - optional */ 5px 5px 15px #999 ;



    /* Transform Effect */

    -webkit-transition: all 0.12s ease-out;		/* Safari & Chrome */

    -moz-transition: all 0.12s ease-out;		/* Firefox */

    -o-transition: all 0.12s ease-out;			/* Opera */

     color: white;
     -webkit-text-stroke: 1px white;
}

#text-land > h1 >span,
#text-land > h4 >span {
     color: white;
     background-color: #564787;
     box-shadow: 10px 0 0px 0px #564787, -10px 0 0px 0px #564787;
}

.logo-img
{
     max-height: 150px;
}
#logo-cont{
     position: absolute;
     right: 15px;
     height: auto;
     width: 100vw;
     top : 5vh;
}
#scroll-down{
     position: absolute;
     bottom: 3vh;
     text-align: center;
     width: 100vw;
     right : 15px;
}



#scroll-down > span {
     text-align: center;
     font-size: 30px;
}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #text-land-cont {
        position: absolute;
        bottom: 10vh;

        width: 90vw;
        height: auto;

        color: white;
        /*background-color: #564787;*/
    }

    #text-land {
         position: relative;
         right:  0;
    }

    .logo-img
    {
     max-height: 100px;
     }

     #text-land > h1{
          font-size: 36px;
     }
     #text-land > h4{
          font-size: 22px;
     }
     #logo-cont{
          position: absolute;
          right: 0;
          width: 100vw;
          top : 0;
     }
     #scroll-down{
          position: absolute;
          bottom: 0;
          text-align: center;
          width: 100vw;
     }

}



/* Here FIxing the navbar on top*/
#nav.affix {

    position: fixed;
    top: 0;
    width: 100%;
    z-index:1030;
}

/* This fixed the scrolling and the clicks after before the bar gets fixed*/
#nav.affix + .container-fluid {
   padding-top: 75px;
}

#nav {
     z-index:1030;
}

/* Here are the image Gallery on organisers code */

div.gallery {
    margin: 0 auto;
    /*border: 1px solid #ccc;*/

    width: auto;
    max-width: 200px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
    color : white;
    background-color: #564787;
}

#part-image {
     max-height: 250px;
}

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    font-family: 'League Gothic', 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
    font-size: 16px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background: #564787;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #564787;
}

.btn-primary:active, .btn-primary.active {
    background: #564787;
    box-shadow: none;
}

.vcenter {
    vertical-align: middle;
    float: none;
}

@media (min-width: 768px) {
  .table-row {
    display: table;
    table-layout: fixed;
  }

  .table-row [class^="col-"] {
    display: table-cell;
    float: none;
  }
}

/*#text-land > h1 {
  position: relative;
  bottom: 10px;
  left: 10px;
  padding: 4px 8px;
  margin: 0;
  color : white;
  background-color:inherit;
}*/