/*
Theme Name: percent html51 theme
Theme URI: http://www.percentage-off-calculator.com
Description: percent html5 theme by prince.
Author: princely ejikeme

*/

/* <![CDATA[ */
  /* GENERIC STYLES */
  body {
    margin:0; padding:0;
    font:.75em/1.5 sans-serif;
    }
  h4,h1,h2  {
    font-size: 2.0em;
    color:#FFF;
    text-shadow: 10px 10px 10px #173B00;
    }

h3{
    font-size: 2.0em;
    color:#000;
    }

b{
    color:#86D957;
    text-decoration:none
    }

.pp{
    color:#86D957;
    }



input {
color: green;
font-weight:bold;
border: 2px dashed rgb(0, 0, 0);
background-color:#dff3ce;"  
}
hr {
  border: 0;
  width: 100%;
color: #079400;
background-color: #409b0d;
height: 5px;
}

.cscorner{
border-radius: 100px 100px 100px 100px;
-moz-border-radius: 100px 100px 100px 100px;
-webkit-border-radius: 100px 100px 100px 100px;

}

.pp {
margin-left:auto;
margin-right:auto;
width:70%;

}

.buton {
-moz-box-shadow:inset 0px 1px 0px 0px #00000C;
-moz-box-shadow: 0px 1px 3px 0px #00000C;
-webkit-box-shadow:inset 0px 1px 0px 0px #00000C;
-webkit-box-shadow:0px 1px 3px 0px #00000C;
box-shadow:inset 0px 1px 1px 0px #00000C;
box-shadow:0px 1px 1px 0px #00000C;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #66FF00), color-stop(1, #173B00) );
background:-moz-linear-gradient( center top, #66FF00 5%, #173B00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66FF00', endColorstr='#173B00');
background-color:#66FF00;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border:4px solid #00000C;
display:inline-block;
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:3px 2px;
text-decoration:none;
text-shadow:1px 1px 0px #173B00;

}
.buton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #173B00), color-stop(1, #66FF00) );
background:-moz-linear-gradient( center top, #ce0100 5%, #66FF00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#173B00', endColorstr='#66FF00');
background-color:#173B00;
}
.buton:active {

position:relative;
top:1px;
}

.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
    display:none;
    }

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
        background-color:#86D957;

}



.table4 
{
width:100%;
}
.table4 td
{
height:50px;
width:20px;
padding:10px;

}

.container1 {
    width: 500px;
    display: table;
    border: 5px solid #86D957;
    }

#footer {
    
    background: #358d25;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    border-radius: 100px 100px 100px 100px;
-moz-border-radius: 100px 100px 100px 100px;
-webkit-border-radius: 100px 100px 100px 100px;
border: 0px solid #00000C;

    }





@media (min-width: 0px) {
  p { font-size: 1rem; }
  A:link { font-size: 1rem; }
}

@media (min-width: 400px) {
  p { font-size: calc(1.5rem + 2vw); }
    h3 { font-size: 2vw; }
  A:link { font-size: calc(1.3rem + 1vw); }
 
}

@media (min-width: 1001px){
  p { font-size: 1.05rem; }
  A:link { font-size: calc( 1vw); }
A:active, A:hover     { text-decoration: underline; color: #D14; }
}
.maintable        { 
           background:#86D957;
           width: 100%;
           border: 4px;
           
           }
.main2        { 
           background:#fff;
           width: 70%;
           border: 0px;
           
           }
 .main2  tr td     { 
           
           padding: 20px;
           }
                   
.logo4{
                   width: 100%;
  }
                   
.mytext {
    height: 170px;
    width: 590px;
}

.prime {
    width: 400px;
}

#myVideo{
    width: 500px;
}


                   @media (max-width: 900px) {
          .maintable  { 
                   width: 80%;
                   }
                   
                   .maintable   td     { 
                   display:table-row
                   }
          .main2 {
                   
                   width: 800px;
                   }
                   
                    .prime {
                   width: 100%;
                   } 
                   
                    .container1 {
    width: 100%;
    display: table;
    border: 5px solid #86D957;
    }
           #myVideo{
                  width: 640px;
                    }
                   
          .logo4{
                   width: 800px;
                   }
          
          .mytext {
                 height: 170px;
                 width: 590px;
                   }
                    .maincolor        {
                   background:#CCC;
                   width: 800px;
                   }
                   .bordercolor      { 
                   background:#666; 
                   width: 800px;
                   }
          
          }
                   
                   
                   
                   @media (max-width: 480px) {
                   .maintable  { 
                   width: 40%;
                   }
                   
                   .maintable   td     { 
                   display:table-row;
                   }
                   
                   .main2 {

                   width: 40%;
                  
                    }
                   
                   .prime {
                   width: 100%;
                   }   
                   
                   .container1 {
    width: 100%;
    display: table;
    border: 5px solid #86D957;
    }
                   #myVideo{
                  width: 340px;
                    }
                   
              .table4 
{
width:100%;
display:table;
}
.table4 td
{
height:50px;
width:40px;
padding:10px;

}     
                   
                   
                  
                   .logo4{
                   width: 400px;
                   }
                   .maincolor        {
                   background:#CCC;
                   width: 400px;
                   }
                   .bordercolor      { 
                   background:#666; 
                   width: 400px;
                   }
                   
                    .mytext {
                 height: 150px;
                 width: 400px;
                   }
                 
                   
                   }