* {margin:0;padding:0;}
.container {
    position: relative;
    width: auto;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: relative;
  top: -58px;
  
  
}

.container:hover .image {
  opacity: .3;
}

.container:hover .middle {
  opacity: .8;
}

.text {
  background-color: gray;
  color: white;
  font-size: 16px;
  padding:6px 3px;
  border-radius: 5px;
}




.container{
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}







.owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

ul.bottom {
    list-style-type: none;
    margin: 0;
    padding: 0;
}




.contact{width: 100%;font-size: 18px;line-height: 1.5;}

.topnav>div:target>a, 
.topnav>div.current>a {background: #039B05;
}


/*		Default Layout:992px.
		Gutters: 24px.
		Outer margin: 48px.
		Leftover space for scrollbars @1024px: 32px.
---------------------------------------------------------
cols 	1	2	3	4	5	6	7	8	9	10
px		68	160	252	344	436	528	620	712	804	896   */

.main {display: block;

background: #fff;

margin: auto;

max-width: 980px;}


.header{height: auto;
width: auto;
color: #060606;
background-color: #e7efe4;
padding-bottom: 15px;}

.header img {height: auto;
width: auto;}
.header_text {text-align: right;
padding-right: 28px; margin-top: -55px;}


/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
	display: block;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

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

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}






/* Add a black background color to the top navigation */
.bnav {
   
    
	width: 100%;
}

.bnav ul {
	list-style: none;
	
}

/* Style the links inside the navigation bar */
.bnav a {

	   color: white;
    text-decoration: none;
   
}

/* Change the color of links on hover */
.bnav a:hover {
   
 
}












/* Add a black background color to the navigation */
.nav {
   
  
}

.nav ul {
	list-style: none;
	
}

/* Style the links inside the navigation bar */
.nav a {
   
    color: black;
    
    padding: 14px 16px;
    text-decoration: none;
   
}

/* Change the color of links on hover */
.nav a:hover {
   
    color: gray;
}















.slider {
height: auto;
align-content: center;}


.maincontent {}
.content {width: auto;height: auto;}
.content h1 {background:#333; font-size: 20px;}
.content h2 {background: #353434; color: #FFFFFF;font-size: 30px;text-align: center;}
.content p {font-size: 16px;
line-height: 1.5;
margin-bottom: auto;
margin-left: auto;
padding: 20px;
text-align: justify;
color: #504c4c;}
.footer {padding:10px;background:#BBBBBB}