@charset "utf-8";
/* CSS Document */
.fstImg{
	padding-top:5%;
	padding-bottom:5%;
	background: url(../images/background-2091_1920.jpg) no-repeat center center; 
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size: cover;
  background-size:cover;
   overflow:hidden;
 
  
     }
	 
#fstImgTxt{
	vertical-align:text-top;
	font-size:30px;
	letter-spacing:5px;
	font-family: "Century Gothic";
	/*text-shadow:4px 4px 0 #000;*/
	text-align:left;
	color: #007fff;
	font-weight:bold;

		}


#logC{ float:left;
margin: 0 3% 0 8%;}

.pla{
    display: inline-block;
	position:relative;
	min-width:30%;
	
	margin-left:10%;}		
ul.topnav{
	      list-style-type:none;
		  margin:0;
		  /*padding:0;*/
		  overflow:hidden;
		  
		
		  border-bottom:#000 1.5px solid;        
		  }
ul.topnav li{
	          float:left;
			  margin-left:1%;		  
            }
ul.topnav li a{
	    display:inline-block;
		color: #007fff;
		text-align:center;
		padding:14px 16px;
		text-decoration:none;
		transition:0.3s;
		font-size:17px;
		font-family: "Century Gothic";
		
		}
ul.topnav li a:hover{
	   background-color:#111;
	   color:white;
	   }		
	   

/*Hide the list item that contains the link that should open and closethe topnav on small screens*/
ul.topnav li.icon{
	   display:none;
	   }

  
.footer{
	font-family: "Century Gothic";
	max-width:100%;
	background-color:black;
	color: #CCC;
	padding:1%;
	
	}	
.footer ul{
padding:0 5% 2% 5%;
display:inline-block;
vertical-align:top;}	

.footer ul li{list-style:none;
          padding-bottom:5%;
		  
		  }	
.footer ul li a{
	text-decoration:none;
	color:#FFF;
		  }		  
.footer ul li a:hover{
	color:#999;
	
		  }	
.sp_text{
	
	font-family:"Segoe UI";
	font-size:16px;
	width:70%;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;}
.sp_text_li	{
	
	font-family:"Segoe UI";
	font-size:16px;
	width:70%;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;}
.sp_text_li li{
	list-style:none;
	margin-bottom:4px;	
	font-family:"Segoe UI";
	font-size:16px;
	width:70%;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
		}				  		     	 

/*Whn the screen is less than 680 pixels wide, hide all list items, except for the 
first one ("home"). Show the Listitem that contains the link to open and close the topnav(li.icon)*/	
@media screen and (max-width:680px){
	ul.topnav
	li:not(:first-child)
	{display:none;}
	ul.topnav li.icon{
		float:right;
		display:inline-block;}
		
		}
/* The "The responsive" class is added to the topnav with Javascript when the user clicks on the icon.
this class makes the topnav look good on small screens*/

@media screen and (max-width:680px)
       {
		ul.topnav.responsive
	   {position:relative;}
	   ul.topnav.responsive
	   li.icon{position:absolute;
	   right:0;
	   top:0;
	   }
	   ul.topnav.responsive
	   li {
		   float:none;
		   display:inline;
		   }
		ul.topnav.responsive
	   li a{display:block;
	   text-align:left;
	   -webkit-transition: background 0.3s;
          transition: background 0.3s;
	   }
 .pla{
	 margin-top:10%;
    display: inline-block;
	position:relative;
	min-width:30%;
	margin-bottom:10%;
	margin-left:10%;
	}	
	   }