* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    letter-spacing: 3px;
}

*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', 'Poppins', sans-serif;
}

div.turbo-progress-bar {
    background: black;
}

img.logo-right {
    width: 200px;
    height: 100px;
    object-fit: contain;
}

img.logo-left {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.btn-order {
    padding: 10px 140px;
    font-weight: 400;
    font-size: 28px;
    background: black;
    color: white;
}

.description {
    margin-top: 150px;
}

.description .come-with-a {
    font-size: 25px;
}

.description .complementary-editorial-issue {
    font-size: 40px;
}

.description .complementary-editorial-issue .complementary{
    color: #a46444;
    font-weight: 200;
}

.description .featuring{
    color: black;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 35px;
}

.slider {
    width: 100%;
    border-left: 40px solid rgba(200,200,200,0.3);
    border-right: 40px solid rgba(200,200,200,0.3);
    border-radius: 10px;
}

.slider img {
    height: 660px !important;
    object-fit: contain;
    border-radius: 30px !important;
    padding: 0 10px;
}

.description .information{
    letter-spacing: 1px;
    font-size: 25px;
}

.banner {
    margin-top: 120px;
    padding: 0 20px;
}

.banner img {
    width: 100%;
}

.banner-description {
    margin-top: 50px;
    line-height: 30px;
}

.banner-description .in-celebration {
    font-size: 25px;
}

.banner-description .forty-seventh {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    color: black;
}

.banner-description .donald-trump {
    font-size: 40px;
    font-weight: 700;
    color: black;
}

footer {
    margin-top: 180px;
    background: black;
    color: white;
    padding-top: 40px;
}

footer img {
    filter: invert(100%);
    margin-bottom: 0;
}

footer .link p, footer .link p a {
    font-size: 20px;
    letter-spacing: 0;
}

footer .link {
    margin-bottom: 60px;
}

footer .link p a {
    color: white;
    text-decoration: none;
}

img.logo-footer-left {
    width: 100px;
    object-fit: contain;
}

img.logo-footer-right {
    width: 370px;
    height: 100px;
    object-fit: contain;
}


.form *{
    letter-spacing: normal;
}

.form input, .form select {
    border-color: black;
}

.form input::placeholder, .form select::placeholder {
    color: black;
    opacity: 1; /* Firefox */
}

.btn-black {
    background: black;
    color: white;
    padding: 5px 40px;
}

.form {
}

.form .product-info {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.form .image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.form .image-container img {
    width: 50%;
    height: auto;
    object-fit: contain;
}

.form .product-info img {
    width: 20%;
    border-radius: 5px;
}

.form .order-information {
    margin: 20px 0;
    border-left: 4px solid #444;
}

.success {
    min-height: 400px;
}

.success .success-message {
    background: lightgreen;
    border-radius: 10px;
}

.failure {
    min-height: 400px;
}

.failure .failure-message {
    background: red;
    color: white;
    border-radius: 10px;
}

/* MEDIA QUERY*/

@media (max-width: 991px) {
    .product-image-2 {
        margin-top: 30px;
        width: 100% !important;
    }
    .content {
        padding-left: 0;
    }
    .form .image-container img {
        width: 100%;
    }
}

@media (max-width: 620px) {
    img.logo-footer-left {
        width: 100px;
    }

    img.logo-footer-right {
        width: 270px;
    }

    .form .image-container img {
        width: 100%;
    }
}

@media (max-width: 460px) {

    .description .complementary-editorial-issue .complementary{
        font-size: 36px;
    }

    footer .link {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .btn-order {
        padding: 10px 40px;
    }

    img.logo-footer-left {
        width: 60px;
    }

    img.logo-footer-right {
        width: 170px;
    }

    .form .image-container img {
        width: 100%;
    }
}

@media (max-width: 400px) {
    img.logo-left, img.logo-right {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }
    .description .complementary-editorial-issue .complementary{
        font-size: 26px;
    }
    .form .image-container img {
        width: 100%;
    }
}