@charset "utf-8";

/* CSS IMAGES */





@import url(https://fonts.googleapis.com/css?family=Open+Sans);

#circle-shape-example { 

  font-family: Open Sans, sans-serif; 

  margin: 2rem; 

}

#circle-shape-example p { 

  line-height: 1.8; 

}

#circle-shape-example .curve { 

  width: 33%; height: auto;

  min-width: 150px;

  float: left;

  margin-right:2rem; 

  border-radius: 50%;

  -webkit-shape-outside:circle();

  shape-outside:circle();

}



/* CORNERS for ONE selected image */

#corners {

  border-radius: 25px;

  background: url(1.jpg);

  background-position: left top;

  background-repeat: repeat;

  padding: 20px; 

  width: 200px;

  height: 150px;  

}

.resp {
  width: 100%;
  height: auto;
}





/* CORNERS for ALL image on PAGE*/



img.c {

  border-radius: 35px;				/* Can us % as well*/

  float:left;

  margin:0 20px 0 0 ;				/* top (space) right (space) bottom (space) left [USE 'px' to activate]*/

}



/* BoxShdow for SELECTED image on PAGE*/

img.b

{ 
	border:4px solid #999;
	border-radius:25px;
	
	margin:0 40px 5px 0 ;
	-moz-box-shadow: 10px 10px 5px #ccc; 
	-webkit-box-shadow: 10px 10px 5px #ccc; 
	box-shadow: 10px 10px 5px #ccc; 
	-moz-border-radius:25px; 
	-webkit-border-radius:25px;
	
	width: 75%;
  	height: auto;
}

img.r

{ 



	border:2px solid #fff;

	border-radius:35px;

	float:right;  

	margin:0 20px 5px 0 ;

	-moz-box-shadow: 10px 10px 5px #ccc; 

	-webkit-box-shadow: 10px 10px 5px #ccc; 

	box-shadow: 10px 10px 5px #ccc; 

	-moz-border-radius:35px; 

	-webkit-border-radius:35px; 

	

}
img.r

{ 

	border:2px solid #fff;

	border-radius:25px;

	margin:0 20px 5px 0 ;

	-moz-box-shadow: 10px 10px 5px #ccc; 

	-webkit-box-shadow: 10px 10px 5px #ccc; 

	box-shadow: 10px 10px 5px #ccc; 

	-moz-border-radius:25px; 

	-webkit-border-radius:25px; 
}