body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    line-height: 1.5;
}
/*default fonts styles*/
h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 80%;
}

h1 {
    font-size: 4.2em;
    padding: 19px;
}
h2 {font-size: 2.5em;}
h3 {font-size: 2em;}
h4 {font-size: 1.5em;}

a {text-decoration: none;}

p {
   padding: 0.4rem 0;
}
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 35px auto;
    width: 50%;
}
ul.checks {
    list-style-image: url('../images/check.png');
    color: #ffffff;
}
li {
    padding: 5px;
}
button, .button {
    background-color: #1cb930;
    height: 3.3125rem;
    padding-top: 0 !important;

}
input[type="text"], input[type="password"],
input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="month"],
input[type="week"], input[type="email"],
input[type="number"], input[type="search"],
input[type="tel"], input[type="time"],
input[type="url"], textarea {
    height: 3.3125rem;
}

/*Extra style class*/
.margin-down-1{margin-bottom: 1em;}
.margin-down-2{margin-bottom: 2em;}
.margin-down-3{margin-bottom: 3em;}
.margin-down-4{margin-bottom: 4em;}
.margin-down-5{margin-bottom: 5em;}

.margin-top-1{margin-top: 1em;}
.margin-top-2{margin-top: 2em;}
.margin-top-3{margin-top: 3em;}
.margin-top-4{margin-top: 4em;}
.margin-top-5{margin-top: 5em;}

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


#topBar {
    height: 65px;
    width: 100%;
    padding: 1em 0;
    z-index: 999;
    position: fixed;
    background-color: #fff;
    display: block;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
img#logo {
    margin: -8px;
}
#main {
    background: url(../images/intro-bg02.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    padding: 65px 0;
    margin-bottom: -56px;
    height: 100%;
}

#content-wrapper {
    padding: 12% 0 0 0;
}

#logoContainer {
    text-align: center;
    background-color: red;
    display: block;
    padding: 1em;
}

#footer {
    background-color: #ffffff;
    padding: 1em 0;
}




/*Media Queries*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 480px) {
    h1 {
        font-size: 2.2em;
        padding-bottom: 20px;
    }
    h3 {
        font-size: 1em;
    }
    #footer {
        background-color: #ffffff;
        padding: 1.8em 0;
        font-size: 0.7em;
        text-align: center;
    }
    #main {
        background: url(../images/intro-bg02.jpg) no-repeat -812px 61px;
        background-size: cover;
        display: block;
        padding: 65px 0;
        margin-bottom: -56px;
        height: auto;
    }
    img#logo {
        margin-top: -8px;
        margin-left: -10px;
    }
    ul {
        margin-left: 3.1rem;
    }
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}