﻿body, html {
  height: 100%;
  margin:0;
  overflow-x: hidden; /* Hide horizontal scrollbar */ 
}

.WelcomePage {
  position:relative; 
}

.WelcomePage .UpperPanel{
  position:absolute;
  background:rgba(46, 49, 49, 0.5);
  top:0%;
  left:0%;
  padding:1px;
  width: 100%;
}
.WelcomePage .UpperPanel h2{
  font-family: sans-serif;
  font-size:40px;
  font-weight:normal;
  color:#FFFFFF;
  padding-top: 0px;
  line-height: 0.1;
}

.WelcomePage .UpperPanel button{
  border:none;     
  background-color:rgba(255,255,255,0);
  padding-top: 0px;
  font-family: sans-serif;
}


.WelcomePage .MiddlePanel{
  position:absolute;
  top:20%;
  left:0%;
  padding:1px;
  width: 100%;
}

.WelcomePage .MiddlePanel h2{
  font-family: sans-serif;
  font-size:40px;
  font-weight:normal;
  /* color:#FFFFFF; nov10 */
  padding-top: 0px;
  padding-left:40%;
  /* line-height: 0.1; nov 10*/
}

.WelcomePage .MiddlePanel button{
    background-color: rgba(46, 49, 49, 0.8);
    border: none;
    color: white;
    font-size: 25px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
     display: inline-block;
      font-family: sans-serif;
  /*  margin: 4px 2px;    */ 
     cursor: pointer;   
}

.WelcomePage .DownPanel2{
  position:absolute;
  background:rgba(46, 49, 49, 0.5);
  top:90%;
  left:0%;
  padding:1px;
  width: 100%;
  }

.WelcomePage .DownPanel{
  position:absolute;
  /* background:rgba(46, 49, 49); */         
  background:rgba(46, 49, 49, 0.5);
  top:90%;
  left:0%;
  height: 10%;
  padding:10px;  
  width: 100%;
  text-align:left;
}

.WelcomePage .DownPanel h2{
  font-family: sans-serif;
  text-align:left;
  font-size:25px;
  font-weight:normal;
  color:#FFFFFF;
  line-height: 0.3;
}



.WelcomPageOurExpertise {
 /* position:relative; */
 /* display: block; */ 
 overflow: auto;
}

.WelcomPageOurExpertise .button {
  border:none;  
  background-color:rgba(46, 49, 49, 0.8);  
  padding-top: 0px;
  color: white;   
  font-size: 25px;   
  /* font-size: 20px;   */
  padding: 15px 25px; 
  font-family: sans-serif;  
  text-decoration: none;
}

.WelcomPageOurExpertise .a {
  text-decoration: none;
}

.WelcomePage .button {
    background-color: rgba(46, 49, 49);
    border: none;
    color: white;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
    font-family: sans-serif; 
}

.WelcomePage .a {
    text-decoration: none;
}

.WelcomePage   a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
 .WelcomePage  a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
.WelcomePage   a:hover {
  color: white;
  text-decoration: none;
}

/* selected link */
.WelcomePage   a:active {
  color: white;
  text-decoration: none;
}

.WelcomePage img 
{
  max-width: 100%;
  display: block;
}

.WelcomPageOurExpertise img 
{
  max-width: 100%;
  display: block;
}

.copyright {
 font-size:14px;
}

.big-box {
    /* Sets a thick border */
    border: none;

    /* Adds space between the text and the border */
    padding: 50px;

    /* Sets the background color inside the box */
    background-color: lightgray;

    /* Defines a minimum width for the box 
    min-width: 400px; */

    /* Ensures the box doesn't get too wide on large screens 
    max-width: 600px; */

    /* Adds space between the box and other page elements 
    margin: 10px;*/
     margin: 0px;

    /* Centers the box horizontally (if it has a defined width) */
    margin-left: auto;
    margin-right: auto;

    /* Makes the text inside easier to read */
    font-size: 12px;
    z-index: 1; 
}
  
#small-box {
    /* Sets a thick border */
    border: none;

    /* Adds space between the text and the border */
    padding: 20px;

    /* Sets the background color inside the box */
    background-color: #eeeeee;
    
    margin-left: 30px;

    /* Defines a minimum width for the box 
    min-width: 400px; */

    /* Ensures the box doesn't get too wide on large screens 
    max-width: 600px; */

    /* Adds space between the box and other page elements 
    margin: 10px;*/
     margin: 0px;

    /* Centers the box horizontally (if it has a defined width) */
    margin-left: auto;
    margin-right: auto;

    /* Makes the text inside easier to read */
    font-size: 12px;
    z-index: 2; 
}
