img { max-width: 80%; }
            * {
                font-family: Segoe UI;
                color: #665544;
                text-align: center;}
            body {
                width: 90%;
                margin: 0 auto;
                background-color: lightblue;
                }


            #nav, #feature, #footer {
                margin: 1%;}

            .a {
  				height: auto;
  				border: 1px solid black;
            }

            .blink {
              animation: blink-animation 1s steps(5, start) infinite;
              -webkit-animation: blink-animation 1s steps(5, start) infinite;
            }
            @keyframes blink-animation {
              to {
                visibility: hidden;
              }
            }
            @-webkit-keyframes blink-animation {
              to {
                visibility: hidden;
              }
            }

.btn:hover {
    background: yellow;}

.success {color: green; border: #054b66;  }
.info {color: darkblue; border: #054b66;   }
.warning {color: purple; border: #054b66;  }
.danger {color: red; border: #054b66;  }
.default {color: silver ; border: #054b66; }



/* On mouse-over */
.btn {
  border: 1px solid #054b66;
  background-color: white;

  padding: 8px 10px;
  border-radius: 10px;

  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}


  	.blink {
            -webkit-animation: blink 1s step-end infinite;
                    animation: blink 1s step-end infinite;
        }
        @-webkit-keyframes blink { 50% { visibility: hidden; }}
                @keyframes blink { 50% { visibility: hidden; }}
#WRAPPER
    {
  width: 95%;
  height: 2000px;
  margin: 20px auto 0px;
  color: white;
  background: lightblue; /*#666666;*/
  text-align: center;
  border: 3px solid white; /* #003d4f;*/
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
    }
      #header {
 				width: 90%;
 				margin: 20px auto 0px;
 				color: #5f97a0;
 				background: lightblue;
 				border: 6px solid black;
 				border-radius: 10px 10px 10px 10px;
 				padding: 20px;
 				vertical-align: top;
        height: 100px;
            }
            #FOOTER {
              width: 90%;
              margin: 20px auto 0px;
              color: #5f97a0;
              background: lightblue;
              border: 6px solid black;
              border-radius: 10px 10px 10px 10px;
              padding: 20px;
              vertical-align: top;
             height: 100px;
                 }
    #content {
                width:95%;
                height: 85%;
                background-color: lightblue;
                text-align: center;
                border: 3px solid lightblue;
                border-radius: 20px 20px 20px 20px;
                padding: 20px;
                padding: 15px;
}
#Content1
    {
  width: 95%;

  margin: 20px auto 0px;
  color: black;
  background: lightblue;
  border: 3px solid #003d4f;
  border-radius: 20px 20px 20px 20px;
  text-align: left;
  padding: 20px;
    }
    #Content1a
    {
  width: 55%;
  height:60px;
  margin: 20px auto 0px;
  color: black;
  background: lightblue;
  border: 3px solid #003d4f;
  border-radius: 20px 20px 20px 20px;
  text-align: center;
  vertical-align: middle;
  padding: 20px;
    }
#Content2
    {
  width: 30%;
height:auto;
    margin: 20px auto 0px;
  color: black;
  font-weight: bold;
  background: white;
  text-align: left;
  border: 3px solid #003d4f;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
    }
    #Content3
    {
  width: 95%;
  height: auto;
    margin: 20px auto 0px;
  color: black;
  background: lightblue;
  text-align: center;
  border: 3px solid #003d4f;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
    }
    #Content3a
    {
  width: 95%;
  height: 600px;
    margin: 20px auto 0px;
  color: black;
  background: lightblue;
  text-align: left;
  font-weight:bold;
  border: 3px solid #003d4f;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
    }
    #Content4
    {
  width: 99%;
  height: 95%;
  margin: 20px auto 0px;
  color: black;
  background: lightblue;
  text-align: center;
  border: 3px solid lightblue;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
  
    }
    #Content4a
    {
  width: 99%;
  height: 95%;
  margin: 20px auto 0px;
  color: black;
  background: lightblue;
  text-align: left;
  border: 3px solid lightblue;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
  font-weight:bold;
    }
      #Central
    {
  width: 77%;
  height: 99%;
    margin: 20px auto 0px;
  color: yellow;
  background: lightblue;
  text-align: center;
  border: 3px solid #003d4f;
  border-radius: 20px 20px 20px 20px;
  padding: 20px;
    }

        .b {

  				border: 1px solid black;
  				float: center;
                background-color: lightblue;
            }
            div.d {
              text-align: justify;
            } 
            div.e {
              text-align: left;
            } 
             .row {
        width:100%;
        height: auto;
        padding: 20px;

        border-color: lightblue;
        border-radius: 10px, 10px, 10px, 10px;
    }
            .column1 {
                width: 22%;
                height: 95%;
                float: left;
                margin: 1%;
                border: 6px solid black;
                padding: 5px 6px;
                border-radius: 12px;
                 }
            .column2 {
                width: 45%;
                height: 95%;
                float: left;
                text-align: left;
                border: 6px solid black;
                padding: 5px 6px;
                border-radius: 12px;
                 }

            .column3 {
                width: 22%;
                height: 95%;
                float: left;
                border: 6px solid black;
                padding: 5px 6px;
                border-radius: 12px;
                }

    .column1a {
                width: 20%;
                float: left;
                height: 90px;
                margin: 1%;

                padding: 5px 6px;

                 }
    .column2a {
                width: 35%;
                float: left;
                height: 100px;

                padding: 5px 6px;

                 }

    .column3a {
                width: 25%;
                float: left;
                height: 100px;

                padding: 5px 6px;

                }
    .column4a {
                width: 10%;
                float: left;
                height: 100px;

                padding: 5px 6px;

                }
                .column1b {
                  width: 30%;
                  float: left;
                  height: 90px;
                  margin: 1%;
  
                  padding: 5px 6px;
  
                   }
                   .column2b {
                    width: 30%;
                    height: 95%;
                    float: left;
                    text-align: left;
                    border: 6px solid black;
                    padding: 5px 6px;
                    border-radius: 12px;
                     }
     .row:after {
                  content: "";
                  display: table;
                  clear: both;
                }
                
     .auto-style1 {
         font-size: medium;
         color: black;
         font-family: arial, sans serif;
         text-align: left;
         font-weight: bold;
         }
          .auto-style2 {
         font-size: small;
         color: black;
         font-family: arial,  sans serif;
         text-align: left;
         font-weight: bold;
         }
         .auto-style3 {
          font-size: large;
          color: black;
          font-family: arial,  sans serif;
          text-align: left;
          font-weight: bold;
          }
          .auto-style3a {
            font-size: x-large;
            color: black;
            font-family: arial,  sans serif;
            text-align: left;
            font-weight: bold;
            }
          .auto-style4 {
            font-size: small;
            color: black;
            font-family: arial,  sans serif;
            text-align: center;
            font-weight: bold;
            }
            .auto-style5 {
              font-size: large;
              color: black;
              font-family: arial,  sans serif;
              text-align: left;
              font-weight: bold;
              }
              .auto-style6 {
                font-size: large;
                color: black;
                font-family: arial,  sans serif;
                text-align: left;
                font-weight: bold;
                }
              .auto-style7 {
                font-size: large;
                color: black;
                font-family: arial,  sans serif;
                text-align: left;
                font-weight: bold;
              }
              .auto-style8 {
              font-size: large;
              color: black;
              font-family: arial,  sans serif;
              text-align: left;
              font-weight: bold;
              }
              .auto-style22 {
                font-family: Segoe, UI;
                color:orangered;
                text-align: left;
                font-size: large;
                font-weight: bold;
              }