@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;  
}



/* CORNERS for ALL image on PAGE*/

img.cl {
  border-radius: 50%;				/* Can us % as well*/
  float:left;
  margin:10px 20px 0 0 ;				/* top (space) right (space) bottom (space) left [USE 'px' to activate]*/
}

img.cr {
  border-radius: 50%;				/* Can us % as well*/
  float:right;
  margin:10px 20px 0 0 ;				/* top (space) right (space) bottom (space) left [USE 'px' to activate]*/
}


/* BoxShdow for SELECTED image on PAGE*/
img.b
{ 

	border:2px solid #fff;
	border-radius:35px;
	float:;  
	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.a
{ 

	border:2px solid #fff;
	border-radius:35px;
	
	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:35px;
	float:right;  
	margin:0 20px 5px 10px ;
	-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.l
{ 

	border:2px solid #fff;
	border-radius:35px;
	float:left;  
	margin:0 20px 5px 10px ;
	-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; 
	
}

video
{
	border:2px solid #fff;
	border-radius:35px;
	float:left;  
	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;
	
	}