@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');


* { font-family: 'Raleway', sans-serif; color: #FFF; }

body { 
    background: url("../img/bg-intro.jpg") no-repeat center center fixed; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}


.intro {
    border-top: 8px solid #fecd20;
    padding-top: 10%;
}
.intro h2 { font-weight: bold; font-size: 2.6rem; }
.intro h3 { font-size: 20px;font-weight: 700;color: #385158; }
.intro h1 { font-weight: bold; font-size: 3rem; }
.intro h1 span { border-bottom: 7px solid #fecd20; display: inline-block; padding-bottom: 5px; }
.intro p { font-size: 1.1rem; }
.intro a {
    background-color: #FFF;
    display: inline-block;
    padding: 1rem 3rem;
    border-radius: 5rem;
    width: 260px;
}
.intro a:first-of-type { margin-right: 2rem; }

.intro a img { height: 90px; }

.intro a:hover { transform: scale(1.1); transition: .4s; background: #fecd20; text-decoration: none;}


@media(max-width:590px) {
	
	.intro {
		border-top: 8px solid #fecd20;
		padding-top: 30%;
	}
	
	.intro a {
		background-color: #FFF;
		display: inline-block;
		padding: 15px 0 5px 0;
		border-radius: 5rem;
		width: 90%;
	}

    .intro a { margin-top: 1.5rem; }
    .intro a:first-of-type { margin-right: 0; }
	
	.intro p {
		font-size: 20px;
		line-height: 23px;
		font-weight: 500;
	}
	
	.intro h2 {
		font-weight: bold;
		font-size: 19px;
	}
	.intro h1 {
		font-weight: 800;
		font-size: 33px;
	}
}