* {
    box-sizing: border-box;
    font-family: "Roboto Condensed", serif;
    letter-spacing: -0.04em;
}
a, button {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
a:hover {
    color: #25408E;
}
a:focus, a:hover {
    text-decoration: none;
}
/*a:visited {
    color: #25408E;
    text-decoration: underline;
}*/
html {
    font-size: 100%;
}

img {
    width: 100%;
    height: auto;
}

[class*="col-sm-"] {
    border: 0px solid #999;
}

.outer {
    width: 100%;
    padding: 15px 0 15px 0;
    clear: both;
}
body {
    background-color: #eeeeee;
    margin-top: 20px;
    color: #666666;
}
.logo {
    float:none;
}
h1 {
    
}
h2 {
    color: #29A7DE;
    border-bottom: 2px solid #C1F6E4;
    line-height: 45px;
}
main {
    padding: 15px 0;
    display: inline-block !important;
}

/*==========  Mobile First Method  ==========*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    body {
        font-size: 12px;
        background-size: contain;
        background-position-y: 170px;
    }
    .outer,.shadow {
        width: 780px;
        margin: auto;
    }
    [class*="col-sm-"] {
        /*padding:0;*/
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    body {
        font-size: 12px;
        background-position-y: 150px;
    }
    .outer,.shadow {
        width: 1000px;
        margin: auto;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    body {
        font-size: 16px;
        background-position-y: 170px;
    }
    .outer.body {
        width: 1200px;
        margin: auto;
    }
    .outer,.shadow {
        width: 1200px;
        margin: auto;
    }
    .shadow {
        margin-top: 100px;
        margin-bottom: 15px;
    }
}