{
	padding: 0;
	margin: 0;
	
}
/* Body */
body {
	position: relative;
	width: 100%;
}

header {
    position: fixed;
	top: 0;
	width: 100%;
    background-color: #B2032A;
	
}

li{
	list-style: none;
}

a{
	color:#F9F6F6;
	text-decoration: none;
	font-weight: bold;
	
}

a:link{
	color:white;
}

a:visited{
	color:#CDC5C5;
}

p{
	color:white;
}


.container {
	width: 100%;
	margin: auto;
	background-color: #B2032A;
	
}

.subcontainer{
	width: 90%;
	margin: auto;
}

.navbar{
	width: 100%;
	min-height: 150px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 60px;
}

.nav-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 60px;
}

.nav-branding{
	font-size: 2rem;
}

.hamburger{
	display: none;
	curser: pointer;
}

.bar{
	display: block;
	width: 25px;
	height: 3px;
	margin: 5px 0;
	transition: all 0.3s ease;
	background-color: white;
}


#home{
	margin-top: 150px;
	}

.section-main{
	background-color: #B2032A;
	width: 100%;
}

.section_1 {
	background-color: #B2032A;
	padding-top; 10px;
	padding-bottom: 10px;
	}

.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 4px;
}

.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.footer_banner {
    background-color: #B2032A;
    padding-top: 60px;
    padding-bottom: 60PX;
    margin-bottom: 0px;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-color: #FBF9F9;
}

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

@media(max-width: 1600px){
	.container{
		width: 100%;
	}
}


@media(max-width: 720px){
	.hamburger{
	display: block;
	curser: pointer;
}
	
	.hamburger.active .bar:nth-child(2){
		opacity: 0;
}

	.hamburger.active .bar:nth-child(1){
		transform: translateY(8px) rotate(45deg);
}

	.hamburger.active .bar:nth-child(3){
		transform: translateY(-8px) rotate(-45deg);
}
	
	.nav-menu{
    position: fixed;
    left: 100%;
    top: 120px;
    gap: 0;
    flex-direction: column;
    background-color: #98070A;
    width: 25%;
    text-align: center;
    transition: 0.3s;
    border: medium solid #FCF7F7;
   	}
	
	.nav-item{
		margin: 16px 0;
	}
	
	.nav-menu.active{
    left: 200px;
    top: 120px;
    }
}