@import url("/css/layouts/windowsxp.css");

/* Main container */
.main-container{
    margin-left: 6%;
    margin-right: 6%;
    margin:5px;
    border: 2px solid #a6a4a4;
    border-right: 2px solid #575757;
    border-bottom: 2px solid #575757;
}

/* Column */
.column{
    background-color: #adadad;
}

.column:nth-child(2n) {
    background-color: #c4c4c4;
}

.column img{
    border: 2px solid #ffffff;
    border-right: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    background-color: #adadad;
}

/* Container */
.container{
 width:100%;
}


/*tables*/
.bio-table{
    padding:0.5em 0.5em 0.2em 0.5em;
    vertical-align:text-top;
    text-align:left;
    width:100%;
    margin-bottom: 8px;
    border-collapse: collapse;
  }
  
.bio-table tr{
    border: 2px solid #a6a4a4;
    border-right: 2px solid #575757;
    border-bottom: 2px solid #575757;
}

  .bio-table td:nth-of-type(odd){
    width:30%; 
  }
  
  .bio-table td:nth-of-type(even){
    width:70%;
  }
  
  .skill-table{
    padding:0.5em 0.5em 0.2em 0.5em;
    vertical-align:text-top;
    text-align:left;
    width:100%;
    margin-bottom: 8px;
    border-collapse: collapse;
  }
  
.skill-table tr{
    border: 2px solid #a6a4a4;
    border-right: 2px solid #575757;
    border-bottom: 2px solid #575757;
}
  
  .skill-table td:nth-of-type(odd){
    width:40%; 
  }
  
  .skill-table td:nth-of-type(even){
    width:60%;
  }

  .tsize1 td{
    height: 68px;
  }
  
  .tsize2 td{
    height:0;
  }
  
  .stats td{
    border-bottom:2px solid #7e7e7e; 
  }

  .stats tr{
    border:0;
  }


/*BOOTSTRAP*/
main {
    display:block;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .col-sm {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

@media (min-width: 576px) {
    .col-sm {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
}


@media screen and (max-width:720px){
   [class*="skill-table td:nth-of-type(odd)"] {
    width:50%; 
  }
  
  [class*="skill-table td:nth-of-type(even)"] {
    width:50%;
  } 
  
}