/* 
  
    Author     : N
*/



@font-face {
    font-family: 'bebas_kairegular';
    src: url('fonts/bebaskai-webfont.woff2') format('woff2'),
         url('fonts/bebaskai-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Add a black background color to the top navigation */
.topnav {
  
  background-color: #333;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 8%;
  position: fixed;
  z-index:1; 
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 26px;
  text-align: right;
  font-family: "bebas_kairegular";

}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.active  {
  
  color: #ddd;

}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* Right-aligned section inside the top navigation */
.topnav-right {
    margin-right:  120px;
    margin-top: 40px;
    float: right;
}
.topnav-left {
    float: left;
    margin-left: 40px;
}
.content_wrapper{
   
    display: inline-block;
    position: absolute;
    top:7.5%;
    bottom: 0;
    left: 0;
    right: 0;
    
  	
    margin: auto;
   
}

.landing-block{
    width: 100%;
    height: 60%;
    overflow: hidden;
    background-image: url('../images/heliogracie.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */

    
   
    
}
.landing-block-content img{
    
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
  
}

.landing-block-content{
    overflow: hidden;
    position: absolute;
    
}    
.content{
    
   
    float: left;
    color: black;
    font-family: "bebas_kairegular";
    font-size: 36px;
    display: inline-block;
    background-color: white;
    text-align: left;
    position: relative;
    width: 100%;
    min-height: 50%;
    margin: auto;
 
 
}



.content_text{
    
    
    position: absolute;
    margin: auto;
    display: inline-block;
    text-align: center;
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.content_text_halfl{
    float: left;
    width: 50%;
    height: auto;
    overflow: auto;
    
}

.content_text_halfl a:link{
    color: black;
}

/* visited link */
.content_text_halfl a:visited {
  color: gray;
}

/* mouse over link */
.content_text_halfl a:hover {
  color: #ddd;
}

/* selected link */
.content_text_halfl a:active {
  color: #ddd;
}
.content_text_affiliates{
        
    position: absolute;
    margin: auto;
    display: inline-block;
    text-align: center;
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    clear: both;
    
}

.content_text_affiliates img{
    margin: 20px;
}

.content_text_halfl ul{
      text-align: left;
      font-size: 24px;
      padding: 20px;
      margin-top: 0px;
      margin-left: 200px;
}

.content_text_halfl li{
    padding:10px;
}

.content_text_halfl h2{
       margin-left: 110px;
       margin-bottom: 20px;
       padding: 10px;
       text-align: left;
       overflow: hidden;
    
}
.content_text_halfr{
    float: right;
    width: 50%;
    height: auto;
    overflow: auto;
}
.content_text_halfr h2{
      text-align: left;
}
.content_text_halfr p{
      text-align: left;
}
.content img {
  border-radius: 8px;
 
 
}


.content h2{
 
}
.content p{
  
}
.content a{
    display: inline-block;
}
.body{
   display: inline-block;
   min-width:1000px;
   min-height: 1000px;
   margin: 0px;
   padding: 10px;
   padding-bottom:100px;   
   position: relative;

}

.footer{
    display: block;
    background-color: #ddd;
    color:black;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    text-align: center;
}

.footer-text{
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    font-size: 18px;
    font-family: "bebas_kairegular";
}