.homepage{background-image:url("./Images/bg3.png");
             repat: x, y;
             margin:0;
    padding:0;
    }
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.header{margin:0;
       padding:0;
       margin-bottom:0;
      
       border-bottom:thin; 
       border-bottom-style:solid; 
       border-bottom-color:white;
       height:auto;
       background-size: 100% auto; !important;
       background: linear-gradient(to bottom left, black, rgba(0,0,0,0));}
       
.logo {display:inline-block;
       margin-left:20%;
       margin-top: 30px;
       padding-bottom:2%;
       max-width:100%;
       opacity:1;
        }


.nav{
    display:inline-block;
    margin-left:15%;
   
    max-width:100%;
    font-family:sans-serif;}
    
    
   
 
    
    
    


#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
   
    
    font-size:2vmin;
    letter-spacing: 3px;


}

#menuli {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
    margin-right:2%;
    
    
}

li a:hover, .dropdown:hover .dropbtn {
    color:grey;
    
}

li.dropdown {
    display: inline-block;
    

     
  
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #686868;
    min-width:20%;
    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-size:1.5vmin;
    
   

   
}

.dropdown-content a {
    color:#E4E4E4;
    padding:5%;
    text-decoration: none;
    display: block;
    text-align: left;
 
}

.dropdown-content a:hover {color: black;

}

.dropdown:hover .dropdown-content {
    display: block;
    }

    
    
.heading {font-family:sans-serif; 
     font-size: 3 em;
     text-align:center;
     color:#D32929;
     padding-top:0.5%;
     padding-bottom:0.5%;
     margin-top:0.5%;
     margin-bottom:0.5%;
    
     border-bottom:thin;
     border-bottom-style:solid;
     border-bottom-color:rgba(0, 0, 0, 0.6);
      border-top:thin;
     border-top-style:solid;
     border-top-color:black;
     background: linear-gradient(to bottom, black, rgba(0,0,0,0));}
     

     
h2 {padding-top:1%;
    padding-bottom:0.5%;
   border-bottom-style:solid;
   border-bottom-width:thin;
   border-bottom-color:rgba(209, 3, 13, 0.3);
    text-align:center;
    color: #E4E4E4;
    margin-top:0;
    font-size:2 em;
    
    font-family:sans-serif; 
     background: linear-gradient(to top, black, rgba(0,0,0,0));
  }

   
    
p {color:#E4E4E4;
   text-align:center;
   font-family:sans-serif;
   font-size:1.4em; }      
    
      
      
#list {text-align:center;
        color:#C5C5C5;
        font-size:1em; }


#listli {text-align:left;
         display:list-item; 
         margin-left:40%;
         font-family:sans-serif;
         margin-bottom:5px;
         font-weight:bold; }
#listli1{list-style-type: circle;
         margin-left:40%;
         margin-top: 10px;
         margin-bottom:10px;
         text-align:left;
         font-family:sans-serif; }





     
     
     
     
.container:before,
.container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
.container {
  clear: both;
  *zoom: 1;
  background-color:rgba(0, 0, 0, 0.4);
  margin-left:1%;
  margin-right:1%;}
 
      

















     
* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}




/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

 


.asidetextpd {margin-bottom:5%; }
.asidepowerdesign {padding-top:5%; }
.asidetext {padding-top:5%; }
.aside {color: #ffffff;
        text-align: center;
        font-size:2 em;
        font-family:sans-serif;
    
}     

.asidetextpcb1 {padding-top:5%; }

.asidetextpcb2 {padding-top:5%;
                margin-bottom:0%; }