@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 600px) {
  div {
     font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  div {
     font-size: 15px;
  }
}



/*All Css code*/




#bigTxt {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#bigTxt:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

#sImg {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}


p:hover #sImg {
  padding-left: 50px;
}

p:hover #sImg:after {
  opacity: 1;
  right: 0;
}



p:hover #bigTxt {
  padding-right:50px;
}

p:hover #bigTxt:after {
  opacity: 1;
  right: 0;
}


#bodyBack{
	
	background:#CDCDCD;
	background: url(images-landingpage/img_nature_wide2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   opacity:.8;
    filter:alpha(opacity=80);
	
	
}

.col-md-3{
	
}

    p{
        padding:20px;
        font-size:15px;
        font-weight: bold;
        text-align: center;
        background:#FFFFFF;
		border:1.5px solid #000000;
		color:#006400;
		
    }
	
	
	
	#bigTxt{

}


	.myFooter{
		background:#AA0407;
		clear:both;
		margin:1px;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
		color:white;
		padding:5px;
	}