@media only screen and (max-device-width: 900px) {
  header #yellow-box {    
    width: 100%;
    text-align: center;
    justify-content: center;
    height: 80%;
    z-index: 1;
  }
  header #yellow-box.scrolled {
    top: 80px;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    section#experiences .item header h3 {
      font-size: 24px;
      min-height: 0;
    }
    section#experiences .item footer h4 {
      font-size: 2.5rem;
      min-height: 0;
    }
    section#experiences .item footer p {
      font-size: 2.2rem;
    }
    section#differential .item i {
        font-size: 10vw !important;
    }

    section#differential .item p {
        font-size: 3vw !important;
        margin-bottom: 40px !important;
    }

    section#differential a {
        font-size: 4vw !important;
        margin-top: 20px !important;
    }

    h2 {
        font-size: 7.4vw !important;
        line-height: 8vw !important;
    }

    section#contact p.sub {
        font-size: 5.5vw !important;
        line-height: 5.5vw !important;
        margin-top: 20px;
    }

    section#contact .info {
        text-align: center !important;
    }

    /* .centering-home {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90% !important;
    } */

    section#home h1 {
        font-size: 3rem;
    }

    section#home p {
        font-size: 4vw !important;
    }

    section#want {
        text-align: center !important;
        background: #f1f1f2 !important;
    }

    section#want a {
        font-size: 3.8vw !important;
    }

    .tractor-mobile {
        display: block !important;
    }


}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 450px) {

	/**/
	/**/
	/* Footer */
	footer {
		font-size:14px !important;
		text-align: center;
	}

	footer div#social-icons {
		text-align: center !important;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    section#experiences .item header h3 {
      font-size: 24px;
    }

    section#experiences .item footer h4 {
      font-size: 2.5rem;
    }

    section#experiences .item footer p {
      font-size: 2.2rem;
    }
    .centering-home {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    section#differential .item p {
        font-size: 1.8vw !important;
    }

    section#differential a {
        font-size: 1.8vw !important;
    }

    section#want .col-md-5 {
        margin-top: 100px;
    }

    section#want a {
        font-size: 1.6vw !important;
    }

    section#home p {
        font-size: 2vw !important;
    }

    section#home h1 {
        font-size: 8vw !important;
    }

    section#home #go {
        font-size: 4.5vw !important;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    section#experiences .item header h3 {
      font-size: 24px;
      min-height: 0;
    }

    section#experiences .item footer h4 {
      font-size: 2.5rem;
      min-height: 0;
    }

    section#experiences .item footer p {
      font-size: 2.2rem;
    }
    section#want {
        text-align: center !important;
        background: #f1f1f2 !important;
    }

    section#want a {
        font-size: 3.8vw !important;
    }

    .tractor-mobile {
        display: block !important;
    }

    section#home h1 {
        font-size: 9vw !important;
    }

    section#home p {
        font-size: 3vw !important;
    }

    section#experiences .item header h3 {
        font-size: 25px !important;
    }

    section#differential .item p,
    section#differential a {
        font-size: 3vw !important;
    }

    section#want a {
        margin-bottom: 70px !important;
    }

    section#want h2 {
        font-size: 7vw !important;
        line-height: 7vw !important;
    }

    h2 {
        font-size: 4.2vw !important;
    }

    section#contact p.sub {
        font-size: 3vw !important;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    .centering-home {
        /* position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%); */
    }

    .centering-want {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    section#experiences .col-5 {
      width: 20%;
      padding-right: 10px;
      padding-left: 10px;
    }

    section#contact form {
        max-width: 70%;
        margin-left: 15%;
    }

    section#home {
        background: transparent !important;
    }

    video {
        display: block !important;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    section#experiences .item header {
        min-height: 95px !important;
    }

    section#contact form {
        max-width: 70%;
        margin-left: 15%;
    }

    section#home {
        background: transparent !important;
    }

    video {
        display: block !important;
    }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -95%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}