@media only screen and (max-width: 1300px) {
    section, header, footer, #modal {
        width:1300px!important;
    }
    .wrap {
        padding-left:20px;
        padding-right:20px;
    }
}
@media only screen and (max-width: 720px) {
    .row.application {
        padding:20px 0;
    }
    section, header, footer, .wrap, nav {
        width:100%!important;
        height:auto;
    }
    header {
        background:#333;
    }
    .wrap {
        padding:0!important;
    }
    .column:not(.forced) {
        width:100%!important;
    }
    .pad-left, .pad-right {
        padding:0;
    }
    section#login-banner {
        padding:40px 20px;
    }
    section#login-banner .login-wrap {
        width:100%!important;
    }
    section#login-banner h1 {
        font-size:22px;
    }
    #mobile-menu, #mobile-profile {
        display:block;
        width:62px;
        height:62px;
        position:absolute;
        top:0;
        left:0;
        background:url(../../img/mobile-menu.png) no-repeat 50% 50%;
        cursor:pointer;
        border:0;
        font-size:0;
        text-indent:-9999px;
        overflow:hidden;
        padding:0;
    }
    #mobile-profile {
        right:0;
        left:auto;
        background:url(../../img/mobile-profile.png) no-repeat 50% 50%;
    }
    #logo, #logo-white {
        background-image:url(../../img/nousu-logo-white.svg);
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:auto 28px;
        height:62px;
        width:100%;
        text-align:center;
    }
    #logo img {
        display:none;
    }
    .big-button {
        padding:18px 20px;
        font-size:14px;
    }
    header {
        padding:0;
    }
    nav {
        background:#333;
        padding:0;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        display:none;
    }
    section#banner {
        background-size:cover;
        height:auto!important;
        line-height:18px;
    }
    section#banner .mask {
        float:left;
        position:relative;
        height:auto;
        padding:40px 20px;
    }
    section#banner h1 {
        font-size:26px;
    }
    header #cma-profile-controls {
        width:100%;
        float:left;
        display:none;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        background:#535353;
    }
    nav, nav li {
        width:100%;
        float:left;
        padding:0!important;
    }
    nav ul.toolbar {
        padding:2.5px 0px;
    }
    ul.toolbar li {
        padding:2.5px 5px!important;
    }
    nav ul li a, header #cma-profile-controls a  {
        color:#FFF;
        width:100%;
        padding:10px 15px;
        font-size:14px;
        border:0;
        border-top:1px solid #1f4e94;
        background:transparent;
        display:block;
        height:auto;
    }
    header #cma-profile-controls a  {
        border-top:1px solid #3e3e3e;
    }
    .wrap {
        padding:0px 20px;
    }
    section {
        padding:40px 0px;
    }
    section#how .column {
        height:320px;
        padding:20px 0px;
        width:100%!important;
    }
    section#how .column:nth-child(even) {
        background:#1f4e94;
    }
    section#how h2 {
        font-size:22px;
    }
    section#how .column:after {
        background:url(../img/icon/arrow-blue-down.png) no-repeat 50% 50%;
        width:49px;
        height:28px;
        left:50%;
        top:auto;
        bottom:25px;
        margin-left:-24px;
    }
    section#how .column span {
        top:30px;
    }
    section#how .column h3 {
        padding:15px;
        top:180px;
    }
    .transfer-box {
        width:100%;
    }
    .transfer-box .transfer-box-path {
        display:none;
    }
    .transfer-box {
        padding-top:15px;
    }
    section img {
        max-width:100%!important;
        height:auto!important;
    }
    footer {
        padding:0;
    }
    footer .column {
        width:100%!important;
        height:auto;
        padding:20px;
    }
    section#copy {
        padding:10px;
    }
}