@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    font-weight: 500;
    margin: 0px;
    position: relative;
    display: grid;
}

#header_container {
    height: 850px;
    background-size: 100%;
    background-image: linear-gradient(to right bottom, #260a56, #330e5d, #401264, #4c166b, #591a72);
    display: grid;
    position: relative;
}

#background_container {
    width: 100%;
    display: grid;
    position: relative;
    z-index: 1;
}

#background_img {
    width: 100%;
    display: grid;
    position: relative;
}

#logo_container {
    width: 50%;
    position: absolute;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

#logo_img {
    width: 100%;
}

#date_container {
    margin: 0px auto;
    font-size: 11pt;
    font-weight: 100;
    width: 15%;
    height: 110px;
    background-color: white;
    border-radius: 0px 0px 25px 25px;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

h2 {
    font-size: 26pt;
    color: white;
    margin-left: 16%;
    margin-top: 30%;
    position: absolute;
    z-index: 4;
    text-shadow: 2px 2px 8px rgb(36, 36, 36);
}

#table_wrapper {
    width: 75%;
    background-color: white;
    border-radius: 20px;
    padding: 100px 0px 0px 0px;
    margin: 45%;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 5;
    box-shadow: 4px 3px 8px 1px #a5a5a5;
    justify-self: center;
}

#table_wrapper>h2 {
    margin: -6% auto auto auto;
    color: #591a72;
    text-shadow: none;
}

#table_container {
    width: 95%;
    display: grid;
}

table {
    font-size: 12pt;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to right bottom, #260a56, #330e5d, #401264, #4c166b, #591a72);
    border-spacing: 0px;
}

#table_footer {
    width: 56%;
    margin: 2% auto 2% auto;
    text-align: right;
    display: flex;
    justify-content: space-between;
    font-size: 14pt;
}

#facebook_links_container>a {
    width: 85%;
    color: black;
    text-decoration: none;
    font-size: 10pt;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

#rigth_side {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#facebook_links_container {
    width: fit-content;
}

#facebook_logo_img {
    height: 20px;
    margin-right: 15px;
}

th {
    font-weight: bold;
    color: #260a56;
    background-color: #a1d725;
    text-align: left;
    padding: 15px 50px;
}

td {
    padding: 25px 55px;
    border-bottom: 2px solid #a1d725;
}

h4 {
    font-weight: 300;
    margin: 0px;
}

h3 {
    font-size: 12pt;
    margin: 0px;
}

a {
    font-size: 12pt;
    font-weight: 500;
    color: white;
    margin-left: 5px;
}

.line {
    height: 5px;
    width: auto;
    background-color: #a1d725;
}

#text_container {
    width: 80%;
    margin: 60% auto 8% auto;
}

#footer_container {
    width: 100%;
}

#footer_img {
    width: 100%;
}



@media only screen and (max-width: 800px) {

	body {
		width: 100%;
		display: block;
	}

	#header_container {
		height: 400px;
	}
	#logo_container {
		margin-top: 13%;
	}

	#date_container {
		font-size: 12pt;
		width: 25%;
		height: 70px;
		border-radius: 0px 0px 15px 15px;
	}
	#date_container>h1 {
		font-size: 1.6em;
	}

	h2 {
		font-size: 11pt;
		margin-top: 31%;
	}

	#table_wrapper {
		width: 100%;
		padding: 35px 0px 0px 0px;
		margin: 4px auto;
		position: relative;
	}
	#table_wrapper>h2 {
		margin: -20px auto auto auto;
	}
	#table_container {
		width: calc(100%-10px);
	}
	table {
		font-size: 7pt;
		width: calc(100%-10px);
		margin: 5px 5px;
	}
	#table_footer {
		width: 66%;
		font-size: 8pt;
	}
	#facebook_links_container>a {
		font-size: 8pt;
		font-weight: 600;
		text-align: center;
	}
	#rigth_side {
		width: 66%;
	}
	#facebook_logo_img {
		height: 18px;
		margin-right: 4px;
		margin-left: 4px;
	}
	th {
		font-weight: bold;
		padding: 12px 14px;
	}
	td {
		padding: 8px 14px;
	}
	h3 {
		font-size: 8pt;
	}
	#text_container {
		margin: 10% auto 8% auto;
		font-size: 14px;
	}
	#table_footer>h6 {
		display: block;
		text-align: right;
	}


	a {
		font-size: 8pt;
	}
}


@media only screen and (max-width: 667px) {

	#header_container {
		height: 250px;
	}
	#logo_container {
		margin-top: 80px;
	}

	#date_container {
		font-size: 10pt;
		width: 35%;
		height: 60px;
		border-radius: 0px 0px 15px 15px;
	}
	#date_container>h1 {
		font-size: 1.2em;
	}

	h2 {
		font-size: 11pt;
		margin-top: 180px;
	}
	h3 {
		font-size: 7pt;
	}

}


@media only screen and (max-width: 414px) {


	#header_container {
		height: 150px;
	}
	#logo_container {
		margin-top: 50px;
	}

	#date_container {
		font-size: 8pt;
		width: 35%;
		height: 40px;
		border-radius: 0px 0px 15px 15px;
	}
	#date_container>h1 {
		font-size: 1.2em;
	}

	h2 {
		font-size: 7pt;
		margin-top: 105px;
	}
	
	#table_footer {
		width: 100%;
		font-size: 8pt;
	}
	
	#rigth_side {
		width: 58%;
	}
	#table_footer>h6 {
		font-size: 7px;
	}
	#facebook_links_container>a{
		font-size: 7px;
	}

}