/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body, html{height:100%; font-family: 'Raleway', sans-serif;}
body{background-color:#3ac1ef;color:white;}

.body{display:table;text-align: center;width:100%;height:100%;}
.content{display:table-cell;vertical-align: middle;}

h1{font-weight: 300;font-size: 1em; }

ol{margin:0;padding:10px;}

.leftSide{width:43%;text-align:right;display:table;float:left;vertical-align:middle;height:100%}
.rightSide{width:46%;text-align:left;display:table;float:right;vertical-align:middle;height:100%}
.innerContent{display:table-cell;vertical-align:middle}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 480px) {
    .content{display:block;padding-top:50px;}
    .leftSide{display:block;text-align: center;width:100%;}
    .innerContent{display:block;}
    .rightSide{clear:both;display:block;text-align: center;float:left;width:100%;}
}