/*oneray.com Responsive Style Sheet*/

/* Make sure padding and border are included in the total width and height of elements. */
* {
    box-sizing: border-box;
}

/* Make images resize if needed */
img {
    border: none;
    max-width: 100%;
    height: auto;
}

/*   *************       HTML "ID=" styles for SINGLE elements ****************** */
#background {
    background-image: url(/graphics/sky2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 15px;
}


/* *************   HTML "CLASS=" styles for MULTIPLE elements ***************    */
.wrapper {
      width: 100%;
      margin: 0 auto;
      padding: 10px;
      text-align: left;
      background: white;
      max-width: 1500px;
      min-width: 150px;     
}

/* floating box or area responsive move below on resize */
.element {
    float: left;
    margin: 5px;
    padding: 15px;
    width: 300px;
    height: 300px;
    border: 1px solid black;
} 

.floating-box
{
    display: inline-block;
    width: 130px;
    height: 150px;
    margin: 10px;
    border: 0px solid #000000;  
}

.after-float
{
    clear: left;
}