@charset "utf-8";
/* CSS Document */

body{
  font-family: Roboto Condensed;
  margin: 0%;
  padding: 0%;
  width: 100%;
  height: 100%;
  font-family:Georgia, "Times New Roman", Times, serif;
}

.body_content_rectangle{
   display: table;
}

.employee_profile{
   display: table;
}

.large_profile{
   display: none;
}

.small_profile{
   display: none;
}

.informationSection{
	 display: none;
}


@media only screen and (min-width: 992px){
    
	.large_header{
	   display: table;
	}
    
	.small_header{
	   display: none;
	}
	
	.body_content_rectangle{
	   border-width:thin; 
	   border: 1px;
	   width: 80%;
	   height: 100vh;
	   
	}
	
	.employee_profile{
       width: 80%;
    }
	
	.large_profile{
	   display: table;
	}

	.aboutus, .services, .products, .customers{
	   padding: 7px 12px 7px 12px;
	   background: #F3F3F3;
	   text-align:justify;
	}

	.informationSection{
		 text-align:justify; 
		 padding:1% 10% 1% 10%;
	}
	
	#e_learning_button{
	    font-size: 48px;
	    height: 56px; 
	    padding: 7px 14px;
	}
	
	#e_learning_button:hover{
	    background: #000000;
	}
	
	
	#welcomeDiv{
	     display:block; 
	     height:100%;   
	     width: 100%;
	}
	
	#quick_links_table{
	     width: 30%;
	}
	
	.quick_link_cell{
	     text-align:center; 
		 vertical-align:middle; 
		 background:#333333; 
		 color:#FFFFFF; 
		 font-size:14px;
		 cursor:pointer;
	}
	
	.quick_link_cell:hover{
	     background: #000000;
	}


}

@media only screen and (max-width: 992px){
    
	.large_header{
	   display: none;
	}
    
	.small_header{
	   display: table;
	}
	
	.body_content_rectangle{
	   border: none;
	   width: 100%;
	   padding: 0%;
	   margin: 0%;
	}
	
	.employee_profile{
       width: 100%;
    }
	
	.small_profile{
	   display: table;
	}
	
	.faq{
	   width: 98%;
	   margin-top: 3%;
	   margin-left: 0%;
	   margin-right: 0%;
	   padding:0%;
	   text-align:left;
	   border-bottom: thin;
	}
	
	.aboutus, .services, .products, .customers{
	   padding: 0px;
	   background: #F3F3F3;
	   text-align:justify;
	}
	
	.informationSection{
	   width: 98%;
	   margin: 0%;
	   padding-left: 1%;
	   padding-right: 1%;
	   padding-bottom: 10%;
	}
	
	.unique_container{
	   margin-top: 5%;
	   padding: 3%;
	}
	
	h3{
	   width: 94%;
	   background:#CCCCCC;
	   padding: 3% 0% 3% 0%;
	   margin: 5% 2% 0% 0%;
	}
	
	h4{
	   width: 65%;
	   background:#CCCCCC;
	   padding: 3% 0% 3% 3%;
	   margin: 0%;
	   font-size: 38px;
	}
	
	#e_learning_button{
	    font-size: 70px;
	    padding: 7px 21px;
	    font-weight: bold;
	}
	
	#e_learning_button:hover{
	    background: #000000;
	}
	
	
	#welcomeDiv{
	     display:block; 
	     height:100%; 
	     width: 100%; 
	}
	
	#quick_links_table{
	     width: 85%;
	}
	
	.quick_link_cell{
	     text-align:center; 
		 vertical-align:middle; 
		 background:#333333; 
		 color:#FFFFFF; 
		 font-size:36px;
	}
	
	.quick_link_cell:hover{
	     background: #000000;
	}
	
}


.aboutus:hover, .services:hover, .products:hover, .customers:hover{
   background: #C0C0C0;
}

.unique_container:hover{
   background: #C0C0C0;
}