﻿<style>
.rnd{
  border: 10px solid orange;
  border-radius:15px;
  box-sizing: border-box;
}

.polaroid {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
.page_boarder {
  border: 10px solid orange;
  border-radius:15px;
  box-sizing: border-box;
  margin: 5px auto ; /*the auto for the left/right keeps the page centered*/
  padding: 10px;
}
  .web_page1 {
   display: table;
   background:white;
   border: 10px solid green;
   border-radius:20px;
   box-sizing: border-box;
   margin: 5px auto ; /*the auto for the left/right keeps the page centered*/
   padding: 10px;
   max-width:100%;
   max-height:100%;
   background-color: blue;	
   color:white;	

  }
  .pic80pc {
   display: block;
   border: 10px solid green;
   border-radius:20px;
   box-sizing: border-box;
   margin: 5px auto ; /*the auto for the left/right keeps the page centered*/
   padding: 10px;
   width:800px;
   height:100%;
   background-color: blue;	
   color:white;	

  }

/*---------------------------------------
/*   max-width:1330px;
/*   max-height:1000px;

/*.tbl_container {
/*  display: table;
/*  background:red;
/*  border: 15px solid black;
/*  border-radius:20px;
/*  margin: 5px auto ; /*the auto for the left/right keeps the page centered*/ 
/*  padding: 10px; 
/*}

h1 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.row {
  content: "";
  display: table-row;
  clear: both;
/*  margin: 5px auto ; /*the auto for the left/right keeps the page centered*/

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display:table; 
  clear: both;
}

.row25pc {  
  display: table-cell;
  border:border-box;
  border: 1% solid white;
  border-radius:15px;
  float: left;
  height:6%;
  margin: 2% auto ;
  padding: 2%;
  width: 21%;
}

.row50pc {  
  display: table-cell;
  border:border-box;
  border: 1% solid green;
  border-radius:15px;
  float: left;
  height:8%;
  margin: 2% auto ;
  padding: 2%;
  width: 40%;/* margin 2%+border1%+padding2% +width 40%+padding 2% + border1% + margin 2% = 50%*/
}

body {
  margin: 0;
  font-family: Arial;
  background-color:white;
}

.header {
  text-align: center;
  padding: 32px;
}


</style>
