@media (min-width: 1920px) {
    #spotlight-home {
	    background:
	    url("../img/background-home.png") 60% 0px no-repeat,
	    url("../img/retangulo-home.svg") 35% 105px no-repeat,
	    #fcf775;
	}

	#spotlight-home h1 {
	    max-width: 580px;
	    padding: 140px 0px 0px 45px;
	}
}

@media (max-width: 1660px) {
    #spotlight-home {
	    background:
	    url("../img/background-home.png") 60% 0px no-repeat,
	    url("../img/retangulo-home.svg") 35% 105px no-repeat,
	    #fcf775;
	}

	#spotlight-home h1 {
	    max-width: 580px;
	    padding: 140px 0px 0px 75px;
	}
}

@media (max-width: 1440px) {
    #spotlight-home {
	    background:
	    url("../img/background-home.png") 160% 0px no-repeat,
	    url("../img/retangulo-home.svg") 35% 105px no-repeat,
	    #fcf775;
	}

	#spotlight-home h1 {
	    max-width: 615px;
	    padding: 140px 0px 0px 115px;
	}
}

@media (max-width: 1366px) {
    #spotlight-home {
	    background:
	    url("../img/background-home.png") 0% 0px no-repeat,
	    url("../img/retangulo-home.svg") 27% 105px no-repeat,
	    #fcf775;
	}

	#spotlight-home h1 {
	    max-width: 615px;
	    padding: 140px 0px 0px 65px;
	}
}

@media (max-width: 1280px) {
    #spotlight-home {
	    background:
	    url("../img/background-home.png") -10% 0px no-repeat,
	    url("../img/retangulo-home.svg") 30% 105px no-repeat,
	    #fcf775;
	}

	#spotlight-home h1 {
	    max-width: 615px;
	    padding: 140px 0px 0px 105px;
	}
}

@media (max-width: 1024px) {
    #spotlight-home {
	    background:
	    url("../img/background-home.png") 40% 0px no-repeat,
	    url("../img/retangulo-home.svg") 15% 105px no-repeat,
	    #fcf775;
	}

	#spotlight-home h1 {
	    max-width: 615px;
	    padding: 140px 0px 0px 80px;
	}
}

@media (max-width: 930px) {
    #spotlight-home {
	    background-image: -webkit-linear-gradient( 90deg, rgb(108,216,208) 0%, rgb(252,247,117) 100%);
	    background-image: linear-gradient( 90deg, rgb(108,216,208) 0%, rgb(252,247,117) 100%);
	}

	#spotlight-home h1 {
	    max-width: 615px;
	    padding: 100px 30px 0px;
	}

	#jobs {
	    display: flex;
	    flex-flow: column wrap;
	    justify-content: space-between;
	}

	#filters {
	    width: 92%;
	    margin: 0 0 25px 10px;
	}

	#list {
	    width: 100%;
	}

	.job-card {
	    width: 100%;
	    max-width: 92%;
	    margin-left: 10px;
	}

	.available-jobs {
		padding-left: 15px;
	}

	.unavailable-jobs {
	    margin: 50px 0 50px 20px;
	}
}

@media (max-width: 790px) {
    #bartop {
	    height: 160px;
	    background-color: #fff;
	    padding-top: 20px;
	}

	#bartop > .center {
	    display: flex;
	    flex-flow: column wrap;
	    justify-content: space-between;
	    align-items: center;
	}

	#menu {
		margin-top: 20px;
	}

	#brasao {
		display: none;
	}

	#bartop ul li {
	    margin-right: 25px;
	}

	#bartop ul li:first-child {
	    display: none;
	}
}

@media (max-width: 720px) {
	.job-card .details {
	    display: flex;
	    flex-flow: column wrap;
	    justify-content: space-between;
	    margin-top: 45px;
	}

	.job-card .details button, .job-card .details .title {
	    margin-top: 15px;
	}
}


#spotlight-home h1 {
    margin: 0px !important;
}