/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 151px) {
        header.main{
            background-size: auto 100%;
        }

        header.about{
            background-size: auto 100%;
        }

        footer{
            background-size: auto 100%;
        }

        div.container{
            padding-left: auto;
        }

        .navbar-default .navbar-brand>img {
            max-width: 100%;
            height: auto;
            display: inline-block;
            padding: 15px;
        }

        ul.navbar-nav{
            background: #4e7ba14d;
            text-align: center;
            margin-top: 5%;
        }

        div.header-content{
            width: 100%;
        }

        div.header-content > h1{
          width: 100%;
        }

        div.header-content > p {
            width: 100%;
        }

        ul.component-list > li {
            position: relative;
            display: grid;
            margin-left: 74px;
            list-style: none;
            font-size: 20px;
            margin: 20px;
        }

        div.m-c-text > h1.mob{
            text-indent: 0;
            text-align: center;
        }

        div.footer-wrapper{
            width: 60%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 25%;
        }
    }

/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        header.main{
            background-size: auto 100%;
        }

        header.about{
            background-size: auto 100%;
        }

        footer{
            background-size: auto 100%;
        }

        div.container{
            padding-left: auto;
        }

        .navbar-default .navbar-brand>img {
            max-width: 100%;
            height: auto;
            display: inline-block;
            padding: 15px;
        }

        ul.navbar-nav{
            background: #4e7ba14d;
            text-align: center;
            margin-top: 5%;
        }

        div.header-content{
            width: 100%;
        }

        div.header-content > h1{
          width: 100%;
        }

        div.header-content > p {
            width: 100%;
        }

        ul.component-list > li {
            position: relative;
            display: grid;
            margin-left: 74px;
            list-style: none;
            font-size: 20px;
            margin: 20px;
        }

        div.m-c-text > h1.mob{
            text-indent: 0;
            text-align: center;
        }

        div.footer-wrapper{
            width: 60%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 25%;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        header.main{
            background-size: auto 100%;
        }

        header.about{
            background-size: auto 100%;
        }

        footer{
            background-size: auto 100%;
        }

        div.container{
            padding-left: auto;
        }

        .navbar-default .navbar-brand>img {
            max-width: 100%;
            height: auto;
            display: inline-block;
            padding: 15px;
        }

        ul.navbar-nav{
            background: #4e7ba14d;
            text-align: center;
            margin-top: 5%;
        }

        div.header-content{
            width: 100%;
        }

        div.header-content > h1{
          width: 100%;
        }

        div.header-content > p {
            width: 100%;
        }

        ul.component-list > li {
            position: relative;
            display: grid;
            margin-left: 74px;
            list-style: none;
            font-size: 20px;
            margin: 20px;
        }

        div.m-c-text > h1.mob{
            text-indent: 0;
            text-align: center;
        }

        div.footer-wrapper{
            width: 60%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 25%;
        }
    }

    /* Small Devices, Tablets - 2 */
    @media only screen and (min-width : 768px) {
        header.main{
            background-size: auto 100%;
        }

        header.about{
            background-size: auto 100%;
        }

        footer{
            background-size: auto 100%;
        }

        div.container{
            padding-left: auto;
        }

        .navbar-default .navbar-brand>img {
            height: 120%;
            padding: 15px;
            width: auto;
        }

        ul.navbar-nav{
            background: none;
            text-align: none;
            margin-top: 0;
        }

        div.header-content{
          width: 70%;
        }

        div.header-content > h1{
          width: 70%;
        }

        div.header-content > p {
            width: 100%;
        }

        ul.component-list > li {
            position: relative;
            display: inline-block;
            margin-left: 74px;
            list-style: none;
            font-size: 20px;
            margin: 20px;
        }

        div.m-c-text > h1.mob{
            text-indent: 0;
            text-align: center;
        }

        .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
            padding-right: 0;
        }

        .navbar-nav > li{
            padding: 10px 20px;
        }

        div.footer-wrapper{
            width: 20%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 25%;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 943px) {
        header.main{
            background-size: auto 100%;
        }

        header.about{
            background-size: auto 100%;
        }

        footer{
            background-size: auto 100%;
        }

        div.container{
            padding-left: 0;
        }

        .navbar-default .navbar-brand>img {
            max-width: 100%;
            height: auto;
            display: inline-block;
            padding: 15px;
        }

        ul.navbar-nav{
            background: #4e7ba14d;
            text-align: center;
            margin-top: 5%;
            padding: 0;
        }

        div.header-content{
            width: 100%;
        }

        div.header-content > h1{
          width: 100%;
        }

        div.header-content > p {
            width: 100%;
        }

        ul.component-list > li {
            position: relative;
            display: grid;
            margin-left: 74px;
            list-style: none;
            font-size: 20px;
            margin: 20px;
        }

        div.m-c-text > h1.mob{
            text-indent: 0;
            text-align: center;
        }

        div.footer-wrapper{
            width: 60%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 25%;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 944px) and (max-width: 1279px) {
        header.main{
            background-size: 100% auto;
        }

        header.about{
            background-size: 100% auto;
        }

        footer{
            background-size: 100% auto;
        }

        div.container{
            padding-left: 10%;
            padding-right: 0;
        }

        body > div.container{
             padding-left: 0;
        }

        .navbar-default .navbar-brand>img {
            height: 115%;
            padding: 15px;
            width: auto;
        }

        ul.navbar-nav{
            background: none;
            text-align: none;
            margin-top: 0;
            padding: 0;
        }

        div.header-content{
            width: 70%;
            /*padding-left: 10%;*/
        }

        div.header-content > h1{
            width: 60%;
            text-shadow: 1px 1px 1px #00000066;
        }

        div.header-content > p {
            width: 90%;
            text-shadow: 1px 1px 1px #00000066;
        }

        ul.component-list > li{
            position: relative;
            display: inline-block;
            margin-left: 74px;
            list-style: none;
            font-size: 20px;
        }

        div.m-c-text > h1.mob{
            text-indent: 6%;
            text-align: inherit;
        }

        div.footer-wrapper{
            width: 20%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 17%;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1366px) and (min-width : 1280px) {
        header.main{
            background-size: 100% auto;
        }

        header.about{
            background-size: 100% auto;
        }

        footer{
            background-size: 100% auto;
        }

        div.container{
            padding-left: 10%;
            padding-right: 15%;
        }

        .navbar-default .navbar-brand>img {
            height: 100%;
            padding: 15px;
            width: auto;
        }

        .footer >img {
            height: 100%;
            padding: 15px;
            width: auto;
        }

        ul.navbar-nav{
            background: none;
            text-align: none;
            margin-top: 0;
            padding-top: 1%;
            /*padding-left: 2%;*/
        }

        div.header-content{
          width: 80%;
        }

        div.header-content > h1{
          width: 55%;
        }

        div.header-content > p {
            width: 80%;
        }

        ul.component-list > li{
            position: relative;
            display: inline;
            margin-left: 0px;
            list-style: none;
            font-size: 20px;
        }

        div.footer-wrapper{
            width: 20%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 7%;
        }
    }


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1500px) and (min-width : 1367px) {
        header.main{
            background-size: 100% auto;
        }

        header.about{
            background-size: 100% auto;
        }

        footer{
            background-size: 100% auto;
        }

        div.container{
            padding-left: 10%;
            padding-right: 15%;
        }

        .navbar-default .navbar-brand>img {
            height: 120%;
            padding: 15px;
            width: auto;
        }

        .footer >img {
            height: 100%;
            padding: 15px;
            width: auto;
        }

        ul.navbar-nav{
            background: none;
            text-align: none;
            margin-top: 0;
            padding-top: 1%;
            /*padding-left: 2%;*/
        }

        div.header-content{
          width: 80%;
        }

        div.header-content > h1{
          width: 55%;
        }

        div.header-content > p {
            width: 80%;
        }

        ul.component-list > li{
            position: relative;
            display: inline;
            margin-left: 0px;
            list-style: none;
            font-size: 20px;
        }

        div.footer-wrapper{
            width: 20%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 7%;
            min-height: 40%;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 2560px) and (min-width : 1501px) {
        header.main{
            background-size: 100% auto;
        }

        header.about{
            background-size: 100% auto;
        }

        footer{
            background-size: 100% auto;
        }

        div.container{
            padding-left: 30px;
            padding-right: 130px;
        }

        .navbar-default .navbar-brand>img {
            height: 130%;
            padding: 15px;
            width: auto;
        }

        .footer >img {
            height: 100%;
            padding: 15px;
            width: auto;
        }

        ul.navbar-nav{
            background: none;
            text-align: none;
            margin-top: 0;
            padding-top: 1%;
            /*padding-left: 2%;*/
        }

        div.header-content{
          width: 60%;
          padding-top: 9%;;
        }

        div.header-content > h1{
          width: 75%;
        }

        div.header-content > p {
            width: 100%;
            padding-top: 4%;
            line-height: 120%;
            font-size: 20px;
        }

        div.form-container{
            width: 107%;
            margin-top: 40px;
        }

        aside#info-block > section.file-marker > div .box-title{
            font-size: 20px;
        }

        aside#info-block > section.file-marker > div{
            margin-top: -1em;
        }

        aside#info-block > section.file-marker > div .box-title{
            margin-left: 10px;
        }

        aside#info-block{
            margin-top: 7px;
        }

        div.login-form{
            margin-left: 0;
            margin-right: 0;
        }

        form.form-response{
            margin-bottom: -19px;
        }

        .navbar-brand{
            height: 52px;
        }

        .navbar-nav > li{
            padding: 10px 25px;
            margin-right: 36px;
        }

        ul.component-list > li{
            position: relative;
            display: inline;
            margin-left: 0px;
            list-style: none;
            font-size: 20px;
        }

        div.footer-wrapper{
            width: 20%;
            margin: 0 auto;
        }

        footer.footer{
            padding-top: 10%;
            min-height: 40%;
        }
    }