@media screen and (min-width: 1001px) and (max-width: 1200px) {
   .features-container h2 {
        font-size: 3em;
    }
    #secondary-header {
        padding-top: 150px;
        margin-top: -25px;
    }
    .grid {
        max-width: 1000px;
    }
    .primary > div {
        margin-top: -10%;
    }
    #bild-screen-shots-secondary {
        top: 75px;
    }
    .feature-secondary {
        margin: 25px 0 225px;
    }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
    .grid {
        max-width: 800px;
    }
    .grid-item {
        padding: 0 15px;
    }
    .features-container h2 {
        font-size: 2em;
        margin-bottom: 3px;
    }
    .features-container p {
        font-size: 1em;
        margin-bottom: 7px;
    }
    .feature-quick-icons i {
        font-size: 3em;
    }
    .icon-container .grid-item {
        padding: 0 50px;
    }
    .feature-quick-icons h5 {
        font-size: 1.15em;
    }
    .light-grey-circle {
        width: 100px;
        height: 100px;
    }
    .circle i {
        font-size: 30px;
    }
    .tablet-hidden {
        display: none;
    }
    .table-show {
        display: block;
    }
    .width75 {
        width: 75%;
        margin: 0 auto;
    }
    .tablet-show {
        display: block;
    }
    .tablet-hidden {
        display: none;
    }
    .vert-align-element {
        width: 100%;
    }
    #map {
        height: 350px;
    }
    .primary > div {
        margin-top: -15%;
    }
    #secondary-header {
        padding-top: 150px;
        margin-top: -25px;
    }
    #bild-screen-shots-secondary {
        top: 75px;
    }
}

@media screen and (max-width: 800px) {
    h2 {
        font-size: 3.25em;
    }
    h4 {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    input {
        border-radius: 0;
    }
    section p {
        font-size: 1.35em;
    }
    header section {
        height: 75px;
    }
    .grid {
        overflow: unset;
    }
    #nav-container {
        position: fixed;
        top: 0;
        bottom: 100%;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: rgba(252, 252, 252, 0.95);
        -webkit-transition: bottom .15s ease-in-out;
        -moz-transition: bottom .15s ease-in-out;
        -o-transition: bottom .15s ease-in-out;
        transition: bottom .15s ease-in-out;
    }
    #nav {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 15px;
    }
    #nav > li {
        display: block;
        padding: 15px 20px;
        text-align: center;
        font-size: 3em;
    }
    #nav li a {
        border: unset;
    }
    #nav ul {
        position: relative;
        text-align: center;
    }
    #nav li ul li a {
        font-size: 0.45em;
    }
    #try-button {
        border-left: unset;
        border-top: 1px solid #d2d2d2;
    }
    #logo {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #logo img {
        max-width: 100px;
        width: 100px;
    }
    #sidebarbtn {
        display: block;
        left: 15px;
    }
    #login-button {
        right: 15px;
        
    }
    #login-button button {
        font-size: 9px;
        padding: 7px;
    }
    #map {
        height: 300px;
    }
    footer {
        padding: 25px 0 0;
    }
    footer p {
        width: 100%;
    }
    .footer-last {
        margin-top: 25px;
    }
    .seperator {
        margin: 35px auto 35px;
    }
    .primary > div {
        margin-top: -7%;
    }
    .primary {
        padding: 0 20px 175px;
        height: unset;
    }
    .secondary, .tertiary {
        padding: 130px 20px 150px;
        height: unset;
        margin-top: 0px;
    }
    .icon-container {
        padding: 75px 0px 75px;
    }
    .primary p {
        
    }
    .primary ul {
        margin-top: 25px;
    }
    #home-user-section.secondary {
        margin-bottom: -25px;
    }
    .content-block.right div div.content {
        margin-left: unset;
        max-width: 100%;
    }
    .content-block.left div div.content {
        max-width: 100%;
    }
    .message-container {
        margin: 0 0 30px -20px;
        padding: 10px 20px;
        border-radius: unset;
    }
    #secondary-header {
        padding-top: 75px;
        margin-top: 0px;
    }
    .screen-shots {
    }
    #bild-screen-shots {
        transform: scale(.5) rotate(-10deg) translateX(50px);
        transform-origin: 50% 20%;
        margin-left: -950px;
        width: 2000px;
        top: 350px;
    }
    #bild-home-primary-screen-shots {
        transform: scale(.5) rotate(10deg) translateX(50px);
        transform-origin: 20% 50%;
        margin-right: -1550px;
        width: 3000px;
        top: 180px;
    }
    #bild-screen-shots-secondary {
        display: none;
    }
    #bild-screen-shots .tablet-portrait {
        order: -1;
    }
    #bild-screen-shots .tablet-landscape {
        margin: 250px 50px 0;
        align-self: unset;
    }
    #bild-screen-shots .phone-small {
        display: none;
    }
    #bild-screen-shots .phone-big {
        margin-top: 250px;
    }
    .message-container {
        width: calc(100% + 20px * 2);
    }
    .chart-container {
        padding: 10px 75px 10px;
    }
    .icon-container h5 {
        font-size: 2.5em;
    }
    .circle i {
        font-size: 40px;
    }
    .light-grey-circle {
        width: 100px;
        height: 100px;
    }
    .outer {
        margin-bottom: 0;
    }
    .stats-container .grid-item {
        padding: 0 5px;
    }
    .stats-container h3 {
        font-size: 2em;
    }
    .stats-container span {
        font-size: 1.25em;
    }
}

@media screen and (min-width: 500px) and (max-width: 800px) {
    #bild-screen-shots {
        top: 125px;
        margin-left: -900px;
    }
    #bild-screen-shots .tablet-portrait {
        order: unset;
        margin-left: 50px;
        margin-top: 150px;
    }
    #bild-screen-shots .phone-big {
        margin-top: 200px;
    }
    #secondary-header {
        padding-top: 100px;
    }
}

@media screen and (max-width: 340px) {
    #bild-screen-shots {
        transform: scale(.5) rotate(-10deg) translateX(50px);
        transform-origin: 50% 20%;
        margin-left: -925px;
        width: 2000px;
        top: 385px;
    }
    #bild-home-primary-screen-shots {
        margin-right: -1550px;
        width: 3000px;
        top: 260px;
    }
    .primary > div {
        margin-top: 75px;
    }
    .primary ul {
        display: block;
        margin-top: 25px;
    }
    .primary li:last-child {
        margin-left: 0;
        margin-top: 10px;
    }
    .secondary {
        padding: 195px 20px 150px;
        height: unset;
        margin-top: 0px;
    }
    #nav li ul li a {
        font-size: 0.32em;
    }
}