@charset "utf-8";

html {
    scroll-padding-top: 110px;
	scroll-behavior: smooth;
    }

body {
	position: relative;
  	background-color: #f7f7f7;
	overflow-x: hidden;
}

.navbar-collapse {
	background-color: white !important;
	padding: 35px 0px 15px 0px !important;
}

@media (max-width: 359px){
	.navbar-collapse {
		padding: 15px 90px 15px 15px !important;
}}

.nav_container {
    background-color: white;
	max-width: 1920px;
    height: auto;
    padding: 20px 205px 20px 205px;
}

@media (max-width: 1440px){
	.nav_container {
		padding: 20px 110px 20px 110px;
}}

@media (max-width: 819px){
	.nav_container {
		padding: 20px 80px 20px 80px;
}}

@media (max-width: 767px){
	.nav_container {
		padding: 20px 40px 20px 40px;
}}

@media (max-width: 359px){
	.navbar-brand {
		max-width: 200px !important;
		height: auto !important;
		padding: 0px 0px 0px 0px !important;
		margin-bottom: 20px !important;
}}

.logo {
	display: block;
	width: 180px;
	height: auto;
}

@media (max-width: 576px){
	.logo {
		width: 160px;
}}

@media (max-width: 295px){
	.logo {
		width: 140px;
}}

@media (max-width: 359px){
	.navbar-toggler {
		margin-bottom: 10px;
		margin-left: 0px;
}}

#my_nav.navbar li {
	color: gray;
	}

#my_nav.navbar li a {
	color: gray;
	}

#my_nav.navbar li a:hover {
	text-decoration: none;
	color: gray;
	font-weight: 700;
}

.my_links {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: .95em;
	letter-spacing: .04em;
}

.active {
    color: gray !important;
	font-weight: 700 !important;
	background-color: white !important
}

h1 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 400;
	font-size: 1.9em;
	letter-spacing: .02em;
	line-height: 145%;
	color: white;
	margin-bottom: 35px;
}

h2 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 300;
	font-size: 1.4em;
	letter-spacing: .03em;
	line-height: 155%;
	color: white;
	margin-bottom: 75px;
	text-align: center;
}

h2 a {
	text-decoration: none;
}

@media (max-width: 576px){
	h2 {
		margin-bottom: 55px;
}}

h3 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: .03em;
	line-height: 145%;
	color: #54565a;
	margin-bottom: 10px;
}

h4 {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400 !important;
	font-size: 1em !important;
	letter-spacing: .05em !important;
	line-height: 170% !important;
	color: #54565a !important;	
}

a:link {
	text-decoration: none;		
}

p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1em;
	letter-spacing: .05em;
	line-height: 170%;
	color: #54565a;	
}

p a {
	color: #54565a;
	text-decoration: none;
}

p a:hover {
	color: #657f99;
	text-decoration: none;
}

@media (max-width: 350px){
	p {
	    font-size: .8em;    	
}}

.img-fluid {
	filter: contrast(107%);
	image-rendering: -webkit-optimize-contrast;
	will-change: transform;
}

.header_cnt {
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/header.jpg);
	background-color: #17458f;
	box-shadow: inset 0 0 0 1920px rgba(10, 22, 61, 0);
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 240px 215px 110px 215px;
}

@media (max-width: 1440px){
	.header_cnt {
		padding: 240px 120px 110px 120px;
}}

@media (max-width: 819px){
	.header_cnt {
		padding: 240px 90px 110px 90px;
}}

@media (max-width: 767px){
	.header_cnt {
		padding: 230px 55px 110px 55px;
}}


.column_row {	
	max-width: 1100px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 1199px){
	.column_row {
		max-width: 420px;
}}

.cta_columns {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 185px;
	height: 50px;
	background-color: white;
	float: left;
	border-radius: 5px;
	color: #161922;
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;
	font-size: 1em;
	letter-spacing: .04em;
	line-height: 115%;
	margin-top: 25px;
	padding: 0px 0px 0px 0px;
}

.center_cnt {	
	max-width: 1920px;
	height: auto;
	background-color: #f1f1f1;
	padding: 110px 215px 110px 215px;
}

@media (max-width: 1440px){
	.center_cnt {
		padding: 110px 120px 110px 120px;
}}

@media (max-width: 819px){
	.center_cnt {
		padding: 110px 80px 110px 80px;
}}

@media (max-width: 767px){
	.center_cnt {
		padding: 110px 43px 110px 43px;
}}

.paragraph_1 {
	text-align: center;
}

@media (max-width: 930px){
	.paragraph_1 {
		text-align: left;
}}

.cta_cnt {
	background-color: none;
	width: 185px;
	height: 50px;
	margin-top: 40px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 930px){
	.cta_cnt {
		margin-left: 0;
		margin-right: auto;
}}

.cta {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 185px;
	height: 50px;
	background-color: #143b79;
	border-radius: 5px;
	color: white;
	font-family: 'Roboto', sans-serif;	
	font-weight: 400;
	font-size: 1em;
	letter-spacing: .08em;
	line-height: 115%;
	padding: 0px 0px 0px 0px;
}

.cta_icon {
	display: block;
	width: 30px;
	height: auto;
	margin-right: 10px;
	filter: contrast(107%);
}

.simple_cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 576px){
	.simple_cnt {
		display: block;
}}

.center_cnt_columns {	
	max-width: 1920px;
	height: auto;
	background-color: #17458f;
	background-image: linear-gradient(#133975, #17458f, #0067c8);
	padding: 110px 215px 40px 215px;
}

@media (max-width: 1440px){
	.center_cnt_columns {
		padding: 110px 120px 35px 120px;
}}

@media (max-width: 992px){
	.center_cnt_columns {
		padding: 110px 0px 35px 0px;
}}

@media (max-width: 576px){
	.center_cnt_columns {
		padding: 110px 45px 35px 45px;
}}

.center_cnt_dates {
	max-width:1200px;
	height:auto;
	margin-top:70px;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 767px){
	.center_cnt_dates {
		padding: 0px 0px 70px 0px;
}}

.columns {
	width: 250px;
	height: 220px;
	margin-top: 25px;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 767px){
	.columns {
		width: 60%;
		height: auto;
}}

@media (max-width: 576px){
	.columns {
		width: 95%;
		height: auto;
}}

.date {
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: 2em;
	letter-spacing: .04em;
	line-height: 115%;
	color: white;
	margin-bottom: 10px;
	text-align: left;
}

@media (max-width: 767px){
	.date  {
		text-align: center;
		margin-top: 20px;
}}

.paragraph_2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1em;
	letter-spacing: .07em;
	line-height: 170%;
	text-align: left;
	color: white;
}

@media (max-width: 767px){
	.paragraph_2  {
		text-align: center;
}}

.banner_cnt_1 {
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(images/banner-1.jpg);
	background-color: #17458f;
	box-shadow: inset 0 0 0 1920px rgba(212, 19, 103, 0.1);
	filter: contrast(100%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
	padding: 90px 215px 110px 215px;
}

@media (max-width: 1440px){
	.banner_cnt_1 {
		padding: 90px 120px 110px 120px;
}}

@media (max-width: 819px){
	.banner_cnt_1 {
		padding: 90px 90px 110px 90px;
}}

@media (max-width: 767px){
	.banner_cnt_1 {
		padding: 90px 55px 110px 55px;
}}

.column_row_1 {	
	max-width: 1100px;
	height: auto;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 1199px){
	.column_row_1 {
		max-width: 520px;
}}

.center_cnt_focus {	
	max-width: 1920px;
	height: auto;
	background-color: #f1f1f1;
	padding: 110px 215px 110px 215px;
}

@media (max-width: 1440px){
	.center_cnt_focus{
		padding: 110px 110px 110px 110px;
}}

@media (max-width: 819px){
	.center_cnt_focus {
		padding: 110px 80px 110px 80px;
}}

@media (max-width: 767px){
	.center_cnt_focus {
		padding: 110px 43px 110px 43px;
}}

.focus_columns {
	width: 420px;
	height: 260px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	margin-right: 25px;
	padding: 0px 10px 0px 10px;
}

@media (max-width: 1035px){
	.focus_columns {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px 0px 0px 0px;
}}

.focus_icon {
	display: block;
	width: 65px;
	height: auto;
	margin-bottom: 25px;
}

.focus_icon_hope {
	display: block;
	width: 65px;
	height: auto;
	margin-bottom: 25px;
	filter: contrast(107%);
	image-rendering: -webkit-optimize-contrast;
	will-change: transform;
}

.banner_cnt_2 {
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-color: white;
	padding: 90px 215px 90px 215px;
}

@media (max-width: 1440px){
	.banner_cnt_2 {
		padding: 90px 120px 90px 120px;
}}

@media (max-width: 819px){
	.banner_cnt_2 {
		padding: 90px 90px 90px 90px;
}}

@media (max-width: 767px){
	.banner_cnt_2 {
		padding: 90px 55px 90px 55px;
}}

.hope {
	max-width: 260px;
	height: auto;
}

@media (max-width: 1200px){
	.hope {
		margin-top: 45px;
		margin-right: 20px;	
}}

@media (max-width: 576px){
	.hope {
		max-width: 80%;
		height: auto;
		margin-top: 45px;
}}

.rotaract {
	display: block;
	width: 180px;
	height: auto;
}

.divider {
	width: 100%;
	height: 1px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

.peace_cnt {
	max-width: 1920px;
	height: auto;
	align-content: center;
	background-image: linear-gradient(to bottom right, #528ed6, #7ba4d6);
	padding: 90px 420px 90px 420px;
}

@media (max-width: 1794px){
	.peace_cnt {
		padding: 90px 200px 90px 200px;
}}

@media (max-width: 1200px){
	.peace_cnt {
		padding: 90px 120px 90px 120px;
}}

@media (max-width: 819px){
	.peace_cnt {
		padding: 90px 90px 90px 90px;
}}

@media (max-width: 767px){
	.peace_cnt {
		padding: 90px 55px 90px 55px;
}}

.peace_icon {
	display: block;
	width: 230px;
	height: auto;
	margin-bottom: 0px;
}

@media (max-width: 1200px){
	.peace_icon {
		width: 200px;
		margin-bottom: 45px;
}}

@media (max-width: 576px){
	.peace_icon {
		width: 180px;
		margin-bottom: 70px;
}}

.contact_columns {
	width: 260px;
	height: auto;
	border-radius: 5px;
	border-style: solid;
	border-width: 0px;
	border-color: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 30px 20px 10px 20px;
}

.profile {
	width: auto;
	height: auto;
}

.profile_img_cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 240px;
	margin-bottom: 15px;
}

.profile_img {
	display: block;
	width: 160px;
	height: 240px;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-radius: 0px;
	box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.6);
	filter: contrast(110%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
}

.profile_img_cnt_big {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 360px;
	margin-bottom: 15px;
}

.profile_img_big {
	display: block;
	width: 240px;
	height: 360px;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	border-radius: 0px;
	box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.6);
	filter: contrast(110%);
	image-rendering: -moz-osx-optimize-contrast !important;
	image-rendering: -webkit-optimize-contrast !important;
}

.global_cnt {
	display: flex;
	justify-content: center;
	width: 115px;
	height: 115px;
	margin-right: 25px;
	padding: 0px 0px 0px 0px;
}

.global_img {
	display: block;
	width: 60px;
	height: auto;
}

.social_icons_cnt {
	width: 65px;
	height: 65px;
	border-radius: 190px;
	border-style: solid;
	border-width: 0px;
	box-shadow: -10px 10px 10px rgba(255, 118, 0, 0.6);
}

.social_icons {
	display: block;
	width: 65px;
	height: 65px;
	padding: 0px 0px 0px 0px;
}

.modal {
	background-color: black !important;
}

@media (min-width: 992px){
	.modal-content {
		margin: auto !important;
		display: block !important;
		max-width: 992px !important;
		height: auto !important;
}}

.carousel-item.active {
	background-color: black !important;
}

em {
	font-style: normal !important;
	font-size: 1em !important;
	letter-spacing: .1em !important;
}

@media (min-width: 992px){
	.carousel-control-prev-icon {
		margin-right: 80px !important
}}

@media (min-width: 992px){
	.carousel-control-next-icon {
		margin-left: 80px !important
}}


.btn-close {
	margin-right: 10px !important;
	border-radius: 0px !important;
	background-color: black !important;
	box-shadow: none !important;
}

.video_cnt {
	width: 280px;
	height: 245px;
	margin: 30px 30px 30px 30px;
	padding: 0px 0px 0px 0px;
}

.video_youtube {
	width: 280px;
	height: 157.50px;
}

.video_header {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 280px;
	height: 85px;	
	background-color: white;
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: 1.02em;
	letter-spacing: .02em;
	line-height: 145%;
	color: #54565a;
	margin-bottom: 10px;
	padding: 0px 20px 0px 20px;
}

.read_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 40px;
	background-color: #528ed6;
	float: left;
	color: white;
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: .9em;
	letter-spacing: .06em;
	line-height: 115%;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
}

.accordion {
	background-color: #9ba4b4;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	transition: 0.4s;
	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: .03em;
	line-height: 145%;	
}
  
.active, .accordion:hover {
	background-color: #ccc; 
}
  
.panel {
	padding: 15px 5px 5px 5px;
	display: none;
	background-color: #f1f1f1;
	overflow: hidden;
}
 
.resource_icons {
	display: block;
	width: auto;
	height: 50px;	
	padding: 0px 20px 0px 20px;
}

#footer {
	max-width: 1920px;
	height: auto;
	background-color: #143b79;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .95em;
	letter-spacing: .06em;
	line-height: 100%;
	color: white;	
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width: 576px){
	#footer {
		height: auto;
		padding-top: 35px;
		padding-bottom: 35px;
}}

.bytesize a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .8em;
	letter-spacing: .08em;
	color: white;
}