@import url('//fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.section-2-divider {
    font-family: "Fira Sans", sans-serif;
}
.companies {
	background: linear-gradient(117deg, #3E87CF 7.65%, #F500C5 30.41%, #F52000 52.01%, #FFB407 72.07%);
}
.companies .header {
    width: 100%;
    column-count: 2;
    column-gap: 1em;
}
.companies h1 {
    color: black;
    text-shadow:
    -1px -1px 0 #FFF,  
     1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
     1px 1px 0 #FFF;
	font-family: "Fira Sans", sans-serif;
	font-size: 3em;
	font-style: italic;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 2.56px;
    text-align: right;
}

.companies p {
    color: #FFF;
    font-family: "Fira Sans";
    font-size: 1.5em;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    vertical-align: middle;
}
.scrolling-images {
    width: 100%;
    
    overflow:hidden;
    white-space: nowrap;
}
.row-1, .row-3 {
    width: 100%;
    max-height: 25%;
    display:inline-block;
    animation: 20s slide infinite linear;

}
.row-2, .row-4 {
    width: 100%;
    max-height: 25%;
    display:inline-block;
    animation: 20s slide-opposite infinite linear;
}

.row-1 img {
    width: 11.5%;
    padding: 0.5%;
    max-height: 100%;
    vertical-align: middle;
}
.row-2 img {
    max-width: 13.3%;
    padding: 0.5%;
    max-height: 100%;
    vertical-align: middle;
}
.row-3 img {
    max-width: 15.7%;
    padding: 0.5%;
    max-height: 100%;
    vertical-align: middle;
}
.row-4 img {
    max-width: 15.7%;
    padding: 0.5%;
    max-height: 100%;
    vertical-align: middle;
}

@keyframes slide {
    from{transform: translateX(0);}
    to{transform: translateX(-100%);}
}

@keyframes slide-opposite {
    from{transform: translateX(-100%);}
    to{transform: translateX(0);}
}

.larger-story {
    background-color: #fff;
    padding: 2em;
}
.larger-story .columns {
    width: 100%;
    column-count: 2;
    column-gap: 1em;
}
.larger-story h1 {
    color: #0F0B0B;
    font-family: "Fira Sans";
    font-size: 3em;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.64px;
}
.larger-story h1 i{
    color: #0F0B0B;
    font-family: "Fira Sans";
    font-size: 1em;
    font-style: italic;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -0.64px;
}

.larger-story p {
    color: #0F0B0B;
    font-family: "Fira Sans";
    font-size: 1.5em;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
}
.larger-story img {
    max-width: 100%;
}

.thanks {
    text-align: center;
    padding: 5em;
    margin-bottom: 15em;
}

.thanks img {
    height: 5em;
}
