.column,.columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
   

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
  
    .eleven.columns                  { width: 640px; }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
      
       .column,.columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

      
      .eleven.columns                  { width: 508px; }

    
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
      
     .columns,         .column { margin: 0; margin-bottom:0px;}

      
       .eleven.columns        { width: 300px; }

.dotslogo{width:100px;height:223px;}


    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
       
       .columns,       .column { margin:0px;margin-bottom:0px;}

       
      .eleven.columns
       { width: 420px; }
    }