body {background: #000;}

#content {font-size:24px; font-family: 'Bebas Neue', cursive; background:#fff;}

#content .company {font-size: 20px; font-weight: 700; opacity: 0.5; letter-spacing: 1px;}

.arrow {
	width: 0;
	height: 40px;
	border: 1px solid #fff;
	position: relative;
	animation: scroll 1.5s infinite;
	-webkit-animation: scroll 1.5s infinite;
}

.arrow::after {
	content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -5px;
    width: 1px;
    height: 10px;
    border-top: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

@keyframes scroll {
    0% {height: 40px;}
    30% {height: 70px;}
    60% {height: 40px;}
}

@-webkit-keyframes scroll {
    0% {height: 40px;}
    30% {height: 70px;}
    60% {height: 40px;}
}


@media (min-width: 992px) {
    #content {font-size:28px;}
    #content .company {font-size: 26px;}
}