@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');

html, body{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	font-size: 1rem;
	height: 100%;
    width: 100%;
    overflow-x: hidden;
	font-family: 'Raleway', sans-serif;
}
h1 {
	font-style: oblique;
	font-weight: 850;
	font-size: 1.66rem;
	color: #BF1E2E;
	
}
h2 {
	font-style: oblique;
	font-weight: 850;
	color:#002B90;
	font-size: 1.35rem;
}
h3 {
	font-size: 1.25rem;
	font-weight: 550;}
h4 {
	font-size: 1.1rem;
}
#link {
	text-decoration: none;
}
strong {
	font-size: 1.45rem;
	cursor: pointer;
}
#logo {
	max-width: 10vw;
}
.contact-btn{
    background-color: #BF1E2E;
    border-radius: .5rem;
	border: none;
    font-weight: 700;
	color: white;
}
.navbar{
    -webkit-box-shadow: 0 .2rem .2rem #000000ad;
            box-shadow: 0 .2rem .3rem #000000ad;
}
.bg-dark {
	background-color: black !important;
}
.nav-item .nav-link{
    color: #ffffff !important;
    margin-right: 1rem;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.nav-item .nav-link:hover{
    color: #BF1E2E !important;
}
.nav-item:last-child .nav-link{
    margin-right: 0;
}
.nav-item.active .nav-link{
    color: #BF1E2E !important;
    font-weight: 800;
    text-decoration: underline;
}
.adobe-rock {
	font-weight: 900;
}
.footer{
    padding: 1rem 0 .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
}
.footer h5{
	font-size: 1.15rem;
	font-weight: 750;
    letter-spacing: -.05rem;
	font-style: oblique;
}
.button{
	background-color: #BF1E2E;
	color: white;
	border: none;
	border-radius: 5px;
}
@media screen and (min-width: 500px){
    .adobe-rock{
        font-size: 2rem;
		margin-right: 0;
    }
    .contact-btn{
        font-size: 1.1rem;
    }
	h1 {
		font-size: 2.5rem;
	}
	h2 {

		font-size: 2.1rem;
	}
	h3 {
		font-size: 1.7rem;
	}
	h4 {
		font-size: 1.5rem;
	}
}
@media screen and (min-width:576px){
    .adobe-rock{
        font-size: 2.4rem;
    }
	.contact-btn{
        font-size: 1.3rem;
    }
}
@media screen and (min-width:768px){
    .adobe-rock{
        font-size: 3.35rem;
    }
    .top-bar{
        padding: 1rem 0;
    }
    .contact-btn{
        font-size: 1.45rem;
    }
}
@media screen and (min-width: 992px){
    .nav-item .nav-link{
        margin-right: 2rem;
        font-size: 1rem;
    }
	.adobe-rock{
		font-size: 4.4rem;
	}
	.contact-btn{
        font-size: 1.6rem;
    }
}
@media screen and (min-width: 1200px){
    .adobe-rock{
        font-size: 5.4rem;
    }
    .contact-btn{
        font-size: 2rem;
    }
    .nav-item .nav-link{
        font-size: 1.1rem;
    }
    footer h5{
        font-size: 2rem;
    }
	#logo {
		max-width: 8.5rem;
	}
}