/*DESKTOP */

@media (min-width: 1024px) {
    #headshots {
        max-width: 100%;
    }
    .radio-label {
        margin-left: 20px;
    }
    #sineum-logo svg {
        margin-left: -1em;
    }

    #form .col-md-4 {
        margin-bottom: 2em;
    }

    #onsite {
        padding-left: 0;
    }

    #freelance-budget {
        padding-left: 0;
    }

    #all-position-details {
        margin-left: 15px;
    }

    #about-1 .scrollbar {
        height: 55em;
    }

    #home-1 .section-content {
        padding-right: 4em;
    }
}

/*TABLET */

@media (min-width: 768px) and (max-width: 1024px) {}

/*MOBILE*/

@media (min-width: 320px) and (max-width: 520px) {

    #heading-2 {
        width: 9em;
    }

    #form {
        padding-bottom: 0;
    }

    #pinContainer {
        margin-top: 3vh;
    }

    select[name="Freelance Payment Period"] {
        margin-top: 1em;
    }

    .col-sm-12 {
        margin-bottom: 4em;
    }

    .no-margin-bottom {
        margin-bottom: 0 !important;
    }

    #home-2 .section-content {
        padding-top: 7em;
    }
    #pinContainer {
        height: 95vh;
    }
    .project h1 {
        font-size: 1.5em;
        text-align: center;
        max-width: 100%;
        margin-right: 0;
        height: 9em;
        margin-top: 3.5em;
    }

    .project-logo {
        margin-bottom: -1.5em;
        width: 10em;
        margin-left: auto;
        margin-right: auto;
    }
    .project-logo svg {
        width: 100%;
    }
    .project {
        padding: 1em 2em;
    }
    .project img {
        display: none
    }

    #jiraccsicpark-logo img {
        display: block;
    }

    #jiraccsicpark-logo {
        width: 15em;
        height: 45px;
        margin-top: 3em;
        margin-left: -.75em;
    }

    #jiraccsicpark h1 {
        margin-top: 1.5em;
    }

    .project .small-cta {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.5em;
    }
    #intro-text-container {
        margin-top: 8em;
        width: 16em;
        height: 15.5em;
    }
    #intro-more-info {
        width: 16em;
    }
    #intro-right {
        display: none;
    }
    #mobile-nav {
        display: block;
    }
    #desktop-nav {
        display: none;
    }
    #about-1 {
        margin-left: 4em;
        padding-right: 3.5em;
    }
    #my-story-line {
        left: 2.5em;
    }
    .connecting-line {
        left: 2.5em;
    }
    .section-heading {
        margin-left: -2em;
    }
    #home-1 .section-content {
        padding-left: 8em;
    }
    #home-2 .section-heading {
        margin-left: 0;
    }
    #home-2 .section-content {
        padding-left: 5em;
        padding-right: 3em;
    }
    /*.section-content {
	    padding-left: 2em;
	    padding-right: 0em;
	    padding-top: 2em;
	    padding-bottom: 6em;
	}*/
    #who-am-i {
        padding-left: 2em;
        padding-right: 0em;
        padding-top: 2em;
        padding-bottom: 6em;
    }
    .section-half-left {
        margin-left: -3.5em;
    }
    #home-6 {
        height: 44em;
    }
    #home-3 {
        height: 34em;
    }
    #home-5 {
        height: 39em;
    }
    #who-ive-worked-with {
        padding-right: 0;
    }
    #connect-with-me {
        padding-left: 3.5em;
    }
    #about-1 .scrollbar {
        height: 145em;
    }
    #contact-scrollbar {
        left: 2em;
    }
    .form-container {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: right;
        padding-left: 1em;
        padding-right: 2em;
    }

    .form-section {
        margin-left: 0;
    }

    label[for="How Can I Help you?"]:last-child {
        display: block !important;
        width: 10em;
        height: 4em;
        margin-left: 2.5em;
        margin-top: -1.6em;
    }

    input[type="submit"] {
        margin-left: auto;
        margin-right: auto;
    }

    #about-1 .row {
        margin-top: 0em;
    }

    #contract #onsite {
        padding-left: 0;
    }

}

/*TABLET AND MOBILE*/

@media (min-width: 320px) and (max-width: 1024px) {
    #form .connecting-line {
        width: 2em;
    }
    #my-story-line {
        width: 3.4em;
    }
    #my-story {
        margin-left: 6em;
    }
    #form h2 {
        margin-left: 2em;
    }
    #about-1 {
        height: 135em;
    }
    #skills {
        padding-left: 1em;
        padding-right: 0;
    }
    #who-ive-worked-with {
        padding-left: 0em;
    }
    .section-left {
        padding-left: 1em;
        padding-right: 1em;
    }
    #section-1-scroll-down {
        height: 90px;
    }
    nav {
        padding: 1em;
    }
    .scrollbar {
        left: -2em;
    }
    .absolute-scrollbar {
        left: 2em;
    }
    .scrollbar-circle {
        left: 1.4em;
    }
    .scroll-arrow {
        left: 1.285em;
    }
    #who-ive-worked-with {
        justify-content: flex-start;
    }
    .other-logo {
        width: 7em;
        height: 5.3em;
        margin: 0;
    }
    #philosophy-background svg {
        height: auto;
        width: 200%;
        margin-left: -40%;
    }
    .right-half {
        margin-top: 3em;
    }
    #intro-right {
        display: none;
        opacity: 0;
    }
    #intro-text {
        font-size: 2.2em;
    }
    #intro-text-container {
        height: 12.5em;
    }
    #intro-left {
        margin-top: -2em;
    }
    h1 {
        font-size: 2.2em;
    }
    input[type=radio] {
        margin-top: 2em;
    }
    input[value="Full Time"],
    input[value="Remote"] {
        margin-top: 0;
    }
    input[type=text],
    input[type=email],
    input[type=phone] {
        margin-bottom: 2em;
    }
    input[type=number] {
        max-width: 6em;
    }
    label {
        display: inline !important;
    }
}