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

    .container {
      max-width: 1200px;
      margin: 0 auto;
    }
    
    .screenshots { 
      width: 99%;
      margin: 12px 12px 12px 12px;
    }


    .screenshots img { 
      max-width:1024px;
      width:99%;
      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: 1042px;
   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 {
    color: #3974ce;
    margin: 15px 0;
    font-size: 240%;
    margin: -15px 0 5px 0;
    font-weight:400;
}


.kicker {
  color:#0457d5; 
  margin-top: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;
text-align:center;
}

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

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



@media (min-width:801px){

  .lovehateimg {width:60% !important;}
}

@media (max-width:800px){

    body { 
      width: 100% !important;
      margin: 0 0 0 0 !important;
      overflow-x: hidden;
    }

    .subhed1 {font-size: 15px;}

    .kicker {
      font-size:22px;
      font-family: Monoton;
      font-weight: 500;
    }

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

      .container {
        width:100%;
        margin: 0;
      }

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

      screenshots img {
        max-width: 1024px;
        width: 96%;
        margin-bottom: 15px;
        margin-right: 12px;
    }
 }