@charset "utf-8";
/* CSS Document */

.body{ 
	margin: 0;
}
	 
.site-header {
	background-color:#262626;
	padding: 10px 5%;
	padding-top:1%;
	opacity: .7;
	box-shadow: 0 1px 3px #333;
	width: 90.2vw;
	float: left; 
	position: fixed
 
}
	
.menu_items {
	position: fixed;
    top: 0px;
    right: 15px;
	font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	Font-size: 20px;
	z-index: 99;
	
}
	
.menu_items li {
	display: inline-block;
	padding: 15px
}

.menu_items li a { 
	text-decoration:none;
	color: white ;
}

.background-one { 
	width: 100vw;
	height: 100vh;
	background-color: blue;
	background-position:center; 
	background-repeat: no-repeat; 
	background-image: url("./images/taylor-grote-327183.jpg");
	background-size:cover;
}

	


.boxes-backgroud{
	height: 15vh;
	width: 96.6vw;
	padding: 30px;
	text-align: center;
	background-color: #D8D8D8;
	
}

.left{ 
	float: left;
	width: 33%;
	height: 15vh;
	border-style: solid;
	border-color: rgb(190,30,45);
	border-radius: 3px;
	
}
.center{
	margin-left: 0 auto;
	display: inline-block;
	width: 33%;
	height: 15vh;
	border-style: solid;
	border-color: rgb(190,30,45);
	border-radius: 3px;
	

}
.right{
	float: right;
	width: 30%;
	height: 15vh;
	border-style: solid;
	border-color: rgb(190,30,45);
	border-radius: 3px;
}
	

.background-two {
	width: 100vw;
	height: 90vh;
	background-color: red;
	background-position: center; 
	background-repeat: no-repeat; 
	background-image: url("./images/bady-qb-434879.jpg");
	background-size: cover;

}

.menu { font-size:50px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	margin-top: 15px;
	margin-right: 30px;
	
	
}

.menu li {
	display: inline-block;
	padding: 15px
}

.menu li a { 
	text-decoration:none;
	color: #000000 ;
}




.vision {
	position: absolute;
    left: 10%;
    top: 17%;
	width: 25%;
	height: 70vh;
	border-style: double;
	border-color: rgb(190,30,45);
	border-radius: 3px;
	margin-bottom: 65px;
	border-width: 9px;
	background-color: rgba(215, 228, 194, .5); 

}


.para { 
	font-size: 25.5px;
	font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	margin-left: 14px;
	text-align: center;
	text-emphasis-color: black;

}

.our-vision {
	font-size:50px;
	font-family:"Majesti Banner Bold";
	margin-left: 120px;
	
	
	
}

.para-two{ 
	font-size: 30px;
	font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	margin-left: 5px;
	text-align: center;
	text-emphasis-color: black;
	

}


.Events {
	position: absolute;
    right:5%;
    bottom:-107%;
	width: 25%;
	height: 70vh;
	border-style: double;
	border-color: rgb(190,30,45);
	border-radius: 3px;
	border-width: 9px;
	background-color: rgba(215, 228, 194, .3);
	
	

}

.Plan-Events{
	font-size:50px;
	font-family: "Majesti Banner Bold";
	margin-left: 45px;
	
	
	
}

.site-footer {
	background-color: rgb(	38, 38, 38);
	padding: .5px 5%;
	opacity: .7;
	width: 90.2vw;
	float: left;
	
		
 
}


.footer-social-icons{
	color: white;
	text-align: center;
	
}




ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: -10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    transition: .5s;
    background-color:#262626;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    transition: .5s;
    background-color:#262626;
}
.fa-twitter:hover {
    background-color: #00aced;
}

.fa-google-plus {
    padding:10px 9px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    transition: .5s;
    background-color: #262626;
}
.fa-google-plus:hover {
    background-color: #e25714;
}