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

*
{
    margin: 0;
    padding: 0;
}

.wrapper
{
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.spilled-coffee
{
    position: absolute;
    top: -7rem;
    left: -1.6rem;
    height: 287px;
    width: auto;
    object-fit: contain;
    object-position: left center;
    z-index: -1;
}

@media screen and (min-width: 760px)
{
    .spilled-coffee
    {
	top: -9rem;
	left: -6.6rem;
	height: 400px;
    }
}


@media screen and (min-width: 980px)
{
    .spilled-coffee
    {
	top: -17rem;
	left: -8rem;
	height: 600px;
    }
}

@media screen and (min-width: 1600px)
{
    .spilled-coffee
    {
	top: -11rem;
        left: -7rem;
    }
}


.wrapper .wrapper-bg
{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background-size: cover;
    z-index: -1;
}

.cover
{
    position: relative;
    min-height: 100vh;
}

.cover__title
{
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 760px)
{
    .cover__title
    {
	font-size: 3rem;
    }
}


@media screen and (min-width: 980px)
{
    .cover__title
    {
	font-size: 4rem;
    }
}

@media screen and (min-width: 1200px)
{
    .cover__title
    {
	font-size: 4.2rem;
    }
}


@media screen and (min-width: 1600px)
{
    .cover__title
    {
	margin-bottom: 3rem;
	font-size: 4.5rem;
    }
}

.cover__title span
{
    color: #fff;
}

@media screen and (min-width: 1200px)
{
    .cover__title span
    {
	color: #c68930;
    }
}

.cover .cover__logo
{
    height: 110px;
    padding: .7rem;
    background: #fff;
    border-radius: 10px;
}

@media screen and (min-width: 760px)
{
    .cover .cover__logo
    {
	padding: 1rem;
    }
}

@media screen and (min-width: 980px)
{
    .cover .cover__logo
    {
	height: 130px;
    }
}

@media screen and (min-width: 980px)
{
    .cover .cover__logo
    {
	height: 150px;
    }
}

@media screen and (min-width: 1600px)
{
    .cover .cover__logo
    {
	height: 170px;
    }
}


.fs-20
{
    font-size: 1.1rem;
}

@media screen and (min-width: 760px)
{
    .fs-20
    {
	font-size: 1.2rem;
    }
}

.fs-24
{
    font-size: 1.5rem;
}


.cover__content
{
    .big
    {
	font-size: 1.8rem;
	font-weight: 500;
    }
}

@media screen and (min-width: 1600px)
{
    .container
    {
	max-width: 1500px;
    }
}

.a-absolute
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.facebook-icon
{
    height: 40px;
    width: 40px;
    object-fit: contain;
}