/* CSS Document */
<style>
* {
  box-sizing: border-box; border:thick #FF0000;
 
}

.column {
  float: left;
  width: 20%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column{
    width: 100%;
  }
}
.column1 {
    float: left;
  width: 50%;
  padding: 5px;
  padding-left:50px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column1 {
    width: 100%;
  } 
}

.colu {background-image:url("../../images/library backround copy.jpg");}
.coluu{background-image:url("../../images/lib.png" ); 
		}

.column3 {
  float: left;
  width: 33.33%;
  padding: 5px;
}
/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column3{
    width: 100%;
  }
}
   
.rcorners1 {
  border-radius: 50px;
  border: 2px solid #0033CC;
  background-color:#E6E6E6;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}
.rcorners1b {
  border-radius: 50px;
  border: 2px solid  #006600;
  background-color:#E6E6E6;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}

.rcorners2 {
  border-radius: 35px;
  
  background:#3333FF;
  padding: 0px; 
  width: 250px;
  height: 30px; 
 
}
.brdr { background-image:url("../../images/running back4.jpg"); 
background-repeat:repeat-x;
}
.brdr1 { background-image:url("../../images/borderline.jpg"); 
background-repeat:repeat-x;
}
.brdr2 { background-image:url("../../images/borderline1.jpg"); 
background-repeat:repeat-x;
}
.rcorners4 {
  border-radius: 35px;
  border: 2px solid #FFFF00;
  background:#3333FF;
  padding: 0px; 
  width: 250px;
  height: 33px; 
 
}
.rcorners3 {
  border-radius: 25px;
  background-image:url("../../images/paper.jpg");
  background-position: left top;
  background-repeat: repeat;
  padding: 0px; 
  width: 200px;
  height: 30px;  
}
.column4 {
    float: left;
  width: 50%;
  padding-top:-50px;
  padding-left:20px;
}
.column5 {
    float: left;
  width: 100%;
  padding: 10px;
}
/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column4 {
    width: 100%;
  } 
}

.columncssrp {
    float: left;
   width: 50%;
  padding: 5px;
  
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .columncssrp {
    width: 100%;
  } 
}

.columncssrp1 {
    float: left;
  width: 100%;
  padding: 5px;
  
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .columncssrp {
    width: 100%;
  } 
}



.rcorners43 {
  border-radius: 35px;
  border: 2px solid  #CCCCCC;
  
  padding: 15px;
  padding-left:20px
   
  width: 500px;
  height: 205px; 
 
}
img.rounded-corners {

  border-radius: 50%;
  
}
</style>