#hero-section{
	min-height: 50vh;
}

#hero-section>div{
    padding-top:15vh;
    padding-bottom: 10vh;
}



.keys-icon{
    max-width: 180px!important;
}

.ribbon{
    padding: 10px;
    margin-top: 60px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.ribbon img{
    max-height: 50px;
    max-width: 70px;
    display: inline-block;
    margin: 14px 11px;
}


@media (max-width:1111px) and (min-width:860px){
	.ribbon img{
		max-height: 40px;
		max-width: 55px;
		margin: 10px
	}
}

@media (max-width:859px) and (min-width: 592px){
	.ribbon img{
		margin: 18px
	}
}

@media (max-width: 591px){
	.ribbon img{
		max-height: 35px;
		max-width: 40px;
		margin: 10px
	}
}