/* Resetting default browser styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important; /* This ensures padding does not add to the total width */
}

body, html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  box-sizing: border-box !important; /* Prevents horizontal scrollbar */
}


body { 
    font-size:16px; 
    font-weight:400; 
    line-height: 1.4;  
    }

.container {
  max-width: 1200px;
  width:100% !important;
  margin: 0 auto;
}

.screenshots { 
  width: 98%;
  margin: 12px 12px 12px 12px;
}


.screenshots img { 
  max-width:1200px;
  width:100%;
  margin-bottom: 15px; 
  }

 p, li, h1, h2, h3, h4, strong, a, .blurb {   
   font-family: "Open Sans","Roboto","Trebuchet MS",Verdana,sans-serif; 
   color: #454545; 
   max-width: 1200px;
   width:97%;
}


h2 { font-size:18px; font-weight:normal;}


 a, a:active, a:visited  {
    outline:none;
    text-decoration: none !important;
}

 a:hover {
    outline:none;
    text-decoration: none !important;
    border-bottom: 1px double #aaa;
}

 :focus {
    -moz-outline-style:none;
    outline-style:none;
}


.link-underline {
    border-bottom: 1px dashed #aaa;
    cursor:pointer !important;
}


.myname {
    font-size: 290% !important;
   }


.kicker {
  color:#0457d5; 
  margin-top:2px; 
  margin-bottom:20px;
  display:block; 
  width:96%;
  border-left: 7px double #2569d1;
  padding-left: 12px;
  padding-top: 9px;
  font-size:28px;
  font-family: Monoton, 'Open Sans', sans serif;
  font-weight: 500;
  letter-spacing: .05rem;
}

 .example_video_1-dimensions {
    background-color: #FFF !important;
    border: 2px solid #999;
}


.skills, header { 
    width: 100%;
    max-width: 1024px;
    margin: 12px 0 2px 0;
  }


.block img {width:90px; float:left; margin-right:12px;}
.toolblurb { display:block; max-width:600px;}


p strong {font-size:100%;}
.skills img {width: 30%; }
.blurb {color:#333; display:block;}
.skills img { float:right; margin-left:14px;}
.spacer { display: block; width:100%; padding:5px; }


ul { list-style-type: square;}


table {
  width: 100%;
  border-collapse: collapse; /* Removes the space between table cells */
  table-layout: fixed; /* This will enforce the width of the columns */
}

td {
  vertical-align: top; /* Aligns content to the top of the cell */
}

.left-column, .right-column {
  width: 50%; /* Set each content column to take half the table's width */
}

.p-spacer {
  width: 22px; /* Width of the spacer column */
}

.subhed1 {
color: #666666;
font-size: 24px;
font-weight: 600;
}

.p-center {
text-align: center;
}

#tabot { margin-top:-18px;}

#skill-lg { display:block;}
#skill-sm { display:none;}

@media (max-width:800px){

    body, html { 
      width: 100%;
      margin: 0;
      padding:0;
      overflow-x: hidden !important;
      box-sizing: border-box !important;
      }

    .container {
      width:100% !important;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap !important;
    }

     .screenshots img {
      margin-bottom: 15px;
      margin-right: 12px;
    } 

    .subhed1 {font-size: 15px;}

    .kicker {
      font-size:22px;
      font-family: Monoton;
      font-weight: 500;
    }
    #skill-lg { display:none;}
    #skill-sm { display:block;max-width: 325px;}

    .myname {
      font-size: 230% !important;
      margin-top: -5px;
      margin-bottom: 18px;
     }

    #my-video4 {
      max-width: 98%;
    }


 }