body {margin:0; padding:0; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}





/*  Color Legend  */

/* Reset */

html, body { margin: 0; padding: 0; border: 0; background: transparant; font-size:10px }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr,
 th, td, tbody, tfoot, thead {
 margin: 0;
 padding: 0;
 border: 0;
 vertical-align: baseline;
 background: transparent;
 }
 img   { margin:0; padding: 0; border:0 }
 
 table, tr, th, td, tbody, tfoot, thead {
     margin: 0; padding: 0; border: 0;
     vertical-align:baseline;
     background:transparent;
     }
     
table { border-collapse: collapse; border-spacing: 0:  }

input, select, textarea, form, fieldset {
     margin:0; padding: 0; border: 0;
     }
     
article, aside, dialog, figure, footer, header, hgroup, nav, section {
   display:block;   }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
line-height:100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
}     
 
ol, ul { list-style: none;}


/* Global */

html            {    } 
body            {background-color:#211F1F;    }
 
/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1  { font-size:24px; }
h2  { font-size:20px; } 
h3  { font-size:16px; } 
h4  { font-size:14px; } 
h5  { font-size:14px; } 
 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img ( margin: 0; )


/* Text Elements */

p               {color:#000; font-size:12px; line-height:150%; }
p .left         {margin: 1.5em li5em 1.5em 0; padding: 0; }
p .right        {margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a               {  }
a:link          { color: #00f;  }
a:visited       { color: #0f0;  } 
a:active        { color: #000;  }
a:focus         { color: #666;  }
a:hover         { color: #f00;  }

blockquote      { color:#000; font-size:12px; }

strong          { font-weight: bold; }
em              { font-style:italic; }

/* Images */




/*Lists  */


ul         {  }
ol         { list-style-type:decimal; }

ul li      { color:000; font-size:12px; } 
ol li      { color:000; font-size:12px; }  

dl         {  }
dt         {  }
dd         {  }



/* Table */

table         { width:100%; }

tr               {  }
.odd             { background-color:#eee; }
.even            {background-color:#fff; }
   
th               { font-weight:bold: }
thead, th        { background: #ccc; }

tbody            {  }

th, td, captionc {  }
caption          {  }

tfoot            {  }
.tfooter         { background-color:#ccc; text-align:center; font-style:italic; }

caption          { background:#efefef; }



/*Miscellaneous*/

sup, sub         { line-height: 0;}

abbr, acronym    { border-bottom: 1px dotted #666; }
address          {   }
del              {background:FFCECE; color:#f00;  }

code, pre        {background-color:#211F1F; padding:2px 0px; margin: 4px 25px;
                    font-family:"Courier New", Courier, monospace; font-size:12px; }
#no {display:none;}

#button  {display:none; position:fixed; top:6px; right:1%;  z-index:999999999;}

.fa-bars  { padding: 15px; color: black; cursor: pointer; background-color: rgba (0, 0, 0, 0.9); font-size: 3.5em; opacity:1; z-index:99999999;}

.fa-times {color:black; top:10px; right:10px; position:absolute; font-size:150%; cursor:pointer; font-weight:100;}
.sidebar_menu { position:fixed; top:-130%; bottom:130%; left:0; margin:-10px 0 0 0; padding:0;  z-index:9; width: 100%; background-color:white; opacity: 1; transition: 1.3s ease-in-out; z-index:9;  }
.hide_menu {top:100px; bottom:0;  }
.hide_menu2 {background-color:white; transition: 1.3s ease-in-out;}

#topnav {margin: 30px 2% 10px 2%; display:block; width:96%; float:right;  }
#topnav h3 {color:black; text-align:left; margin:0px 2% 34px 3%;  font-family: 'Raleway', sans-serif; font-size:240%; font-weight:100; }
#topnav li   {padding:10px 0px; box-sizing:border-box; color: D8D8D8;  transition: all .6s ease-in-out; cursor: pointer; }
#topnav li a {color:black; line-height:20px; display:block; text-align: left; border-bottom:1px darkgrey solid; font-family:cursive; background-color:none; font-weight: 700; font-family: 'Raleway', sans-serif;  padding:4px 10px; box-sizing:border-box; font-size:140%; cursor: pointer; width:100%; }
#topnav li a:hover{color:#08A200; transition: all 0.3s ease-in-out; }
#topnav ul li:hover:{background-color:grey ; color:white;}

#topa {float:left; position:fixed; left:0; top:0; margin:0;  height:80px; background-color:white;  width:100%; z-index:99999;}

#top {position:fixed; height:80px; top:0px; left:0; background-color:white; width:100%; z-index:999999999; margin:0; }
#top .title {position:relative; float:left; height:80px; width:10%; margin:0 0 0 2%; z-index:99999999999999999999;}
#top .title img {position:relative; width:auto; height:100%; margin-top:0px; opacity:4; z-index:999999999999999999;}

#top .topnav3   {float:left; background-color:none;  margin:10px 0 0 8%; width:60%; position:relative;  }
#top .topnav3 h3 a      {float:left; position:relative; color:#211F1F; text-align:center; margin-top:0px; padding:16px 0px; font-weight:800; font-size:168%; font-weight:bold;z-index:9999;  font-family: 'Staatliches', cursive; text-align:center; margin-right:50px; }
#top .topnav3 h3 a:hover {text-decoration:underline;}
#top .no {margin-right:0;}

#top .bold {font-weight:700;}
#top .social {float:right; position:relative; width:15%; margin-right:2%;  height:100%;  }
#top .social ul {position:relative;  margin-top:0px; float:right; }
#top .social ul li {float:left; position:relative; list-style:none; display:inline; margin:6px 14px 0 0px; padding-top:25px; color:white; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:100%; font-weight:600; }
#top .social ul li a {color:#E88300; border-radius:24px; text-decoration:none;font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:260%; font-weight:600; }
#top .social h3 { position:relative; margin-top:15px; text-align:center; background-color:#FF008C; color:white; padding:16px 12px;border-radius:18px; text-decoration:none;font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:280%; font-weight:600; }
#top .social a {color:white;}

#social {position:fixed; top:210px; right:0; width:45px; background-color:#FF008C; height:auto; z-index:9999999; box-shadow:0 0 10px black;}
#social ul {width:100%; float:left; position:relative; }
#social ul li {list-style:none; margin-left:7px; margin:10px 0 10px 0; text-align:center;}
#social ul li a {color:white; font-size:170%; text-shadow:.5px .5px .5px black;}

#social .fa-facebook {margin-left:2px;}
#social .fa-twitter {}
#social .fa-instagram {}
#social .fa-linkedin {}
#social .fa-foursquare {margin-left:2px;}
#social .fa-youtube-play {margin-left:-2px;}

#social .no {margin-bottom:10px;}

#grass {width:100%; background-color:white; float:left; position:relative; padding-top:0px; margin:0px 0 -15px 0; height:auto;}
#grass img {width:50%; background-color:white;  margin:0 25%; float:left; height:auto;}

.top {display:none; position:fixed; height:80px; top:0px; left:0;  width:100%; z-index:999999999; margin:0; }
.top .title {position:relative; float:left; height:80px; width:16%; margin:0 0 0 2%;}
.top .title img {width:auto; height:100%; margin-top:0px; opacity:4; }


.top .menu {display:none; float:right; position:relative; width:15%; margin-right:0%;  height:100%;  }
.top .menu ul {position:relative; width:auto; margin-top:0px; float:right; }
.top .menu ul li {float:left; position:relative; list-style:none; display:inline; margin:0px 0 0 23px; padding-top:25px; color:black; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:100%; font-weight:600; }
.top .menu ul li a {color:black; border-radius:24px; text-decoration:none;font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:140%; font-weight:600; border:2px black solid; padding:14px 20px;  }
.top .menu ul li a:hover {background:radial-gradient(#fff, #F2F0F0); color:black;  transition:.3s ease; }

.top .social {float:right; position:relative; width:13%; margin-right:2%;  height:100%;  }
.top .social h3 { position:relative; margin-top:15px; text-align:center; background-color:#FF008C; color:white; padding:16px 12px;border-radius:18px; text-decoration:none;font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:260%; font-weight:600; }
.top .social a {color:white;}


.fa-search {position:fixed; top:20px; right:2%; font-size:150%; cursor: pointer;}

.bannerss {display:inline; position:fixed; margin:0; padding:0; top:10px; right:-100%; z-index:999999999999999999; width: 20%; height:50px; background-color:#211F1F; opacity: 1; transition: 2.3s ease-in-out; z-index:2;}
.bannerss .search { position:relative; float:left; width:100%; margin-right:0%;}

.fa-phone {font-size;}

#banner2 {position:relative; width:100%; float:left; z-index:99;}
#banner2 img {width:100%; float:left; height:auto;}
#00BFFF
.container p {width:90%; margin:20px 50% 20px 3%; line-height:26px; font-size:120%;}

#banner {float:left; position:relative; width:100%; margin:0px 0 0px 0;  z-index:99;}
#banner img {display:none; width:100%; height:auto; float:left; position:relative;}
#banner .left img {display:inline; width:20%; margin:300px 40% 0px 40%; cursor: pointer; z-index:99999; filter:brightness(107%) contrast(140%); -webkit-animation: mymove 1.5s ease-in-out; animation: mymove 1.5s ease-in-out; }
#banner .left img:hover {transform: rotate(-360deg); transition:2s ease;}
#banner .left h1 { margin:40px 0px 0 0; text-align:center; font-size:1000%;  font-family: 'Cookie', cursive; color:#FF008C; }
#banner .left h6 {margin:-10px 15% 30px 14%; border-radius:20px; text-align:center; font-size:620%; text-shadow:-1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; border:10px #00C000 solid; font-family: 'Oleo Script', cursive;  color:#211F1F; line-height:36px; padding:20px 0px; background-color:white; width:70%;}
#banner .left h5 {margin:-10px 0 30px 0; text-align:center; font-size:350%; text-shadow:1px 1px 1px black; font-family: Tahoma;   color:white; line-height:36px;}
#banner .left {float:left; position:relative; width:100%; margin-top:0px; height:750px; margin-left:0%; z-index:99; background-color:rgba(0,0,0,.0); padding-bottom:200px;}
#banner .left h2 {margin:0px 0% 0 26%; width:20%; float:left; position:relative; color:white; font-family: 'Open Sans Condensed', sans-serif; line-height:34px;
background-color:#00BFFF; text-shadow:1px 1px 1px black; text-align:center; padding:14px; border:3px white solid; font-size: 280%;}
#banner .left h3 {margin:0px 26.5% 0 0;  width:20%; float:right; position:relative; color:white;  font-family: 'Open Sans Condensed', sans-serif; line-height:34px;
background-color:#00BFFF; text-shadow:1px 1px 1px black; text-align:center; padding:14px; border:3px white solid; font-size: 280%; }
#banner .left h2:hover {background-color:#FF008C;  transition:.4s ease;}
#banner .left h3:hover {background-color:#FF008C;  transition:.4s ease;}
#banner .left p { text-align:center; color:white; margin-top:30px; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-size:140%; margin-bottom:15px; font-family:tahoma; line-height:34px;}
#banner .left a {text-decoration:none; color:white;}
#banner .left a:hover {text-decoration:none; color:black;}
.green {color:#08A200; font-family: 'Anton', sans-serif; font-size:84%;}
#banner .anton {font-family: Tahoma; }

.container {padding:300px 0px; }

 #wrapper {width:100%; background-color:white; float:left; position:relative; padding-bottom:50px;}
 #wrapper .title {width:50%; margin:0 25% 0 24%; float:left; position:relative; background-color:white;}
 #wrapper .title h3 {text-align:center;border-bottom:10px #07116d solid;  width:100%; margin-left:0%; padding:50px 0 15px 0; float:left; position:relative;  font-size:500%; font-family: 'Oswald', sans-serif; margin:20px 0; } 
 #wrapper p {width:64%; margin:10px 18%; text-align:center; font-size:240%; line-height:30px; font-family: 'Open Sans Condensed', sans-serif; }
 #wrapper h4 { text-align:center; margin: 40px 20% 20px 20%; width:60%; font-size:800%;  font-family: 'Cookie', cursive; color:#FF008C;}
 #wrapper h5 {box-shadow:0 0 2px black; width:30%; margin:25px 35%; padding:26px 0; background-color:#00C000; color:white; text-align:center; font-size:280%; font-family: 'PT Sans', sans-serif;}
 #wrapper h6 {width:70%; margin:35px 15% 10px 15%; text-align:center; color:#3B3B3A; font-size:300%; line-height:36px; font-family: 'Open Sans Condensed', sans-serif;}
 #wrapper iframe {width:50%; margin:70px 25% 30px 25%; height:450px; float:left; position:relative;}
 #wrapper .blue {color:#FF008C;}
 #wrapper .bigger {font-size:150%; color:#FF008C;}
  #wrapper h5:hover {box-shadow:0 0 5px black; transition:.2s ease;}
  
  #about {width:100%; margin:0px 0 0px 0; padding-bottom:60px;  float:left; position:relative; background-color:white;}
#about .services {width:40%; margin:40px 0% 40px 5%; float:left; position:relative;}
#about .services h4 {margin:20px 0; color:black; font-size:240%; line-height:28px;}
#about .services p {margin:20px 20px 20px 0px; color:black; font-size:180%; line-height:22px;}
#about .services a {color:#125e97;}
#about .services a:hover {text-decoration:underline; }

#about .servicess {width:50%; margin:40px 10% 40px 0%; float:left; position:relative;}
#about .servicess h2 {margin:140px 0 0 0; color:black; font-size:600%; line-height:28px; font-family: 'Cookie', cursive; color:#FF008C;}
#about .servicess p {margin:20px 20px 20px 0px; color:black; font-size:180%; line-height:22px;}
#about .servicess a {color:#125e97;}
#about .servicess a:hover {text-decoration:underline; }

#about .picss {float:left; position:relative; width:29%; margin:40px 0% 40px 5%;}
#about .picss img {width:100%;}

#about .i {font-style:italic; font-weight:800; color:#07116d; font-size:130%;}

#about .pic {float:left; position:relative; width:50%; margin:40px 5% 40px 0;}
#about .pic img {width:100%;}

#about .pics {float:left; position:relative; width:43%; margin:40px 5% 40px 7%;}
#about .pics img {width:100%;}

#menu {width:100%; position:relative; float:left; margin:80px 0 0 0; height:1600px; border-top:20px rgba(34, 167, 240, 1) solid; border-bottom:20px rgba(34, 167, 240, 1) solid;}
#menu .one {width:15%; float:left; position:relative; background-color:rgba(34, 167, 240, 1); height:100%;}
#menu .two {width:3%; float:left; position:relative; background-color:white; height:100%; box-shadow:0 0 10px black;}
#menu .three {width:64%; float:left; position:relative; background-color:rgba(34, 167, 240, 0); height:100%;}
#menu .three h2 {text-align:center; color:white; font-size:1000%; font-family: 'Cookie', cursive; margin:30px 0; text-decoration:underline;}
#menu .three h5 {text-align:center; color:white; font-size:420%; margin-top:20px;}
#menu .four {width:3%; float:left; position:relative; background-color:white; height:100%; box-shadow:0 0 10px black;}
#menu .five {width:15%; float:left; position:relative; background-color:rgba(34, 167, 240, 1); height:100%;}

#fund {float:left; position:relative; width:100%; margin-top:80px; padding:60px 0; background-color:white;}
#fund img {width:14%; margin:0px 43% -20px 43%; z-index:99999999; position:relative;}
#fund iframe {width:100%; float:left; position:relative; z-index:9;}

#contact2 {float:left; width:100%; padding:120px 0; margin-top:0px; background-color:white;}
#contact2 iframe {width:70%; margin:60px 15% 10px 15%;}
#contact2 h2 {width:80%; margin:20px 10%; font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:500; font-size:300%; line-height:32px; margin-top:30px;   color:#b4015c; }
#contact2 p {font:13px/19px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:500; font-size:180%;width:80%; margin:20px 10%; line-height:30px;}


#container1 {border-radius: 6px; background-color:none; padding: 20px; box-shadow:0 0 5px black;
float:right; width:41%; margin:70px 4% 20px 0%; z-index:9999;}
#container1 iframe {width:100%; margin:0; position:relative;}


.fa-times-circle {color:white; top:120px; right:200px; position:fixed; font-size:300%; cursor:pointer; font-weight:100; }

#header {display:none;}
.subscribe {position:fixed;   z-index:9999999999999999999999999; width:100%; top:0px; bottom:0; left:0%; height:auto; background-color:rgba(0, 0, 0, 0.9); }
.subscribe img {width:40%; margin-left:30%; margin-top:20px;}
.container2 {float:left; position:relative; margin:80px 0 60px 25%; padding-bottom:60px; width:50%; background-color:white;}
.container2 h3 {text-align:center; padding-top:10px; font-family: 'Oswald', sans-serif; margin-bottom:10px; width:100%;}

.hide_menu3 {left:0; overflow:auto; z-index:9999999999999999999999;  display:none; transition:2.6s ease; }


.container2 input[type=text], select {
    width: 56%; /* Full width */
    padding: 12px 12px; /* Some padding */  
    border: 3px solid #ccc; /* Gray border */
	box-shadow:0 0 3px black;
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
	font-size:140%; margin:12px 22% 12px 22%; float:left;
	
}
.container2 .quote {
    width: 46%; margin:12px 2% 12px 2%; 
    padding: 12px; /* Some padding */  
    border: 3px solid #ccc; /* Gray border */
	box-shadow:0 0 3px black;
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
	font-size:140%; float:left;
	
}
.container2 input[type=submit] {
    background-color: #CF6700;
    color: white;
    padding: 12px 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
	margin:40px 0 0 30%;
	font-size:160%;
	width:40%; float:left;
}



.container2 p {color:green; text-align:center; font-size:140%;}
.container2 h6 {color:red; text-align:center; font-size:140%;}



/*Footer*/

#contact2 #container p {color:green; text-align:center; font-size:140%;}
#contact2 #container h6 {color:red; text-align:center; font-size:140%;}


#contact2 .maps {float:left; margin-top:100px; width:46%; }
#contact2 .maps img {width:40%; height:auto; margin:0 0 0pz 0; filter:brightness(107%) contrast(140%); }
#contact2 .maps h1 {width:77%; margin:40px 0 0 10%; line-height:26px; text-align:center; padding:15px 0;  background-color:#211F1F; box-shadow:0 0 5px black; color:white; font-size:170%; font-family:tahoma; border-radius: 10px;}
#contact2 .maps h1 a {color:white; padding-bottom:10px;}


#topnav2 {position:relative; margin-top:0px; height:60px;float:left; width:100%; background-color:#211F1F; z-index:99;}
#topnav2 .nav {width:64%; margin-left:8%; float:left; position:relative;}
#topnav2 .nav ul {width:100%; margin-top:18px;}
#topnav2 .nav ul li {display:inline; margin-right:20px;   }
#topnav2 .nav ul li a { color:lightgrey;  font: normal normal normal 18px/1.4em dinneuzeitgroteskltw01-_812426,sans-serif; font-size:130%; letter-spacing:-.5px;}
#topnav2 .nav ul li a:hover {color:white;  text-decoration:underline; transition:.3s ease;}
#topnav2 .social2 {float:right; width:20%; margin:0 8% 0 0; position:relative; }
#topnav2 .social2 p {font-size:130%; color:white; margin-top:20px;}
#topnav2 .social2 p a {color:white;}

#banner5 {float:left; width:100%; height:100px; background-color:white; position:relative;}

#footer {float:left; position:relative; height:60px;  margin-bottom:0; width:100%; background-color:#4C4747; z-index:99;}
#footer .subs {margin-left:10%; width:25%; float:left;}


/* Responsive */

/* Style inputs with type="text", select elements and textareas */
#footer input[type=text], select {
    width: 50%; /* Full width */
    padding: 7px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin:10px 1% 16px 0%; /* margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
font-size:100%;
float:left;
background-color:lightgrey;
	}

/* Style the submit button with a specific background color etc */
#footer input[type=submit] {
    background-color:#4C4747 ;
    color: white;
    padding: 10px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	width:35%;
margin:-15px 0% 0px 0%;
float:left;
border:1px white solid;
}

/* When moving the mouse over the submit button, add a darker green color */
#footer input[type=submit]:hover {
    background-color:white;
	color:#4C4747; margin-bottom:26px; transition:.4s ease-in-out;
}
#footer label {color:white; font-size:160%;}

/* Add a background color and some padding around the form */

#footer .close {float:right; width:30%; margin-right:10%;}
#footer .close p {float:right; color:white; margin-top:18px;}
#footer .close a {float:right; color:white; }

#footer2 {float:left; width:100%; height:160px; background-color:#F7F5F5; position:relative;}


 body {background:url(images/background2.jpg) #211F1F left top ; background-size:cover; background-attachment:fixed; 
background-position: center; background-repeat: no-repeat; }

@media screen and (max-width:1600px) {
#banner .left img { margin-top:130px;}
}
@media screen and (max-width:1400px) {
#top .social h3 {font-weight:800; font-size:200%;}
#banner .left h1 {font-size:900%;}
#banner .left h6 { font-size:520%;}
}
@media screen and (max-width:1300px) {
	#top .social h3 {font-weight:800; font-size:180%;}
#top .topnav3 {margin-left:5%;}
#top .topnav3 ul li a      {color:#211F1F; text-align:center; height:55%; padding:20px 0px; font-weight:800; font-size:170%;}
#top .topnav3 h3 a      { margin-right:40px;}
}
@media screen and (max-width:1256px) {
	#divs { height:400px;  margin-bottom:800px;}
#divs .alpha {width:50%;}
#divs .alpha2 {width:50%;}
#divs .beta {width:50%;}
#divs .delta {width:50%;}
}
@media screen and (max-width:1200px) {
		#top .social h3 {font-weight:800; font-size:160%;}
	#top .topnav3 {margin-left:7%;}
#top .topnav3 h3 a      { margin-right:30px; font-size:140%;}
}
@media screen and (max-width:1150px) {
#who .thirds {width:31%; float:left; margin:0 0% 70px 2.5%;}
#who .thirdss {width:31%; float:left; margin:0 1% 70px 1%;}
#who .thirdsss {width:31%; float:left; margin:0 2.5% 70px 0%;}
#banner .left h1 {font-size:800%;}
#banner .left h6 { font-size:420%;}
}
@media screen and (max-width:1100px) {
	#top .social {display:none;}
		.top {height:90px;}
	.top {display:inline;}
	.top .title img {height:100%; margin:0;}
	#top .title {display:none;}
	#top .topnav3 {display:none;}
	#button {display:inline;}
#top .topnav3 .small {width:15%;}
#top .topnav .big {width:35%;}
.top .social {margin-right:10%; width:20%;}
.top .social h3 {font-weight:800; font-size:200%;}
#top .topnav3 {width:68%; margin-left:14%;}
#who .thirds {width:50%; float:left; margin:0 0% 70px 25%;}
#who .thirdss {width:50%; float:left; margin:0 25% 70px 25%;}
#who .thirdsss {width:50%; float:left; margin:0 0% 70px 25%;}
#who1 .thirds {width:50%; float:left; margin:0 0% 70px 25%;}
#who1 .thirdss {width:50%; float:left; margin:0 25% 70px 25%;}
#who1 .thirdsss {width:50%; float:left; margin:0 0% 70px 25%;}
#news .right {width:50%; float:left;  margin:30px 25%;}
#news .right h1 {display:none; }
#news .left {width:90%; margin-left:5%;}
	#divs { height:300px;  margin-bottom:600px;}
	#program .programs {width:60%; margin:20px 20%;}
	#banner .left h2 {margin:0px 0% 0 10%; width:30%; font-size: 250%;}
#banner .left h3 {margin:0px 10.5% 0 0; width:30%; font-size: 250%;}
}

@media screen and (max-width:1000px) {
	#footer input[type=submit] {width:45%;}
	#top .topnav3 ul li a      { font-size:160%;}
	#about img {width:80%;  margin:10px 10%; }
}	
@media screen and (max-width:900px) {
	#fund img {width:20%; margin:0px 40% -20px 40%;}
		#social {display:none;}
	#about .servicess {width:100%; margin:0px 0% 40px 0%; float:left; position:relative;}
#about .servicess h2 {margin:140px 0 0 0; color:black; text-align:center; font-size:600%; line-height:28px; font-family: 'Cookie', cursive; color:#FF008C;}
#about .servicess p {text-align:center; width:90%; margin:20px 0px 20px 5%; color:black; font-size:180%; line-height:22px;}
#about .servicess a {color:#125e97;}
#about .servicess a:hover {text-decoration:underline; }
#about .picss {display:none;}
	#content2 .box .first {width:45%; margin:0 2.5%; }
	#content2 .box .second {width:45%; margin:20px 2.5% 0 2.5%;}
	#news img {width:30%; margin:40px 35% -30px 35%;}
	#contact2 iframe {width:94%; margin:60px 3% 10px 3%; height:300px;}
	.fa-times-circle {top:60px; right:200px;  }
	#news h2 {text-align:center; margin-left:0%;}
	.container {padding:150px 0px; }
	#who .thirds {width:70%; float:left; margin:0 0% 70px 15%;}
#who .thirdss {width:70%; float:left; margin:0 15% 70px 15%;}
#who .thirdsss {width:70%; float:left; margin:0 0% 70px 15%;}
	#who1 .thirds {width:70%; float:left; margin:0 0% 70px 15%;}
#who1 .thirdss {width:70%; float:left; margin:0 15% 70px 15%;}
#who1 .thirdsss {width:70%; float:left; margin:0 0% 70px 15%;}
#news .right {width:98%; float:left;  margin:30px 0% 50px 2%;}	
#footer .subs {margin-left:3%; width:32%; float:left;}
	#divs { height:300px;  padding-bottom:1650px; margin-bottom:0;}
#divs .alpha {width:70%; margin:10px 15%;}
#divs .alpha2 {width:70%; margin:10px 15%;}
#divs .beta {width:70%; margin:10px 15%;}
#divs .delta {width:70%; margin:10px 15%;}
.fa-chevron-circle-down {display:inline;}
#divs .fa-chevron-circle-right {display:none;}
#program .programs {width:80%; margin:20px 10%;}
#contact2 .maps {float:left; margin-top:70px; width:100%; }
#container1 { width:90%; margin:0 5%; padding:0; float:left; height:auto; box-shadow:0 0 0 black;}
#container1 iframe {width:100%; margin:20px 0; padding:0; height:500px;}
#contact2 .maps h1 {width:90%; margin:40px 0 0 5%;}
#red { width:94%; margin:100px 2%;}
.head h1 { font-size:280%; width:94%; margin:5px 3%; line-height:40px;}
	   .w3-button2 { margin-top:350px; right:18%; }
	     .w3-button1 { margin-top:350px; left:18%; }
		 #banner .left h2 {margin:0px 0% 0 10%; width:30%; font-size: 250%;}
#banner .left h3 {margin:0px 10.5% 0 0; width:30%; font-size: 250%;}
#news iframe { width:90%; margin:30px 5%;}
#about h1 { width:100%; margin:5px 0%; text-align:center; }
#about p {width:90%; margin:5px 5%; text-align:center;}
#about h6 {width:90%; margin:10px 5% -10px 5%; text-align:center;}
#news h3 {text-align:center; margin-left:0; margin-right:0;}
#news p {width:80%; margin-left:10%; text-align:center;}
#grass {display:none;}
#banner .left h1 {font-size:600%; margin-bottom:20px;}
#banner .left h6 { font-size:300%; }
.top .social {margin-right:10%; width:30%;}
.top .social h3 {font-weight:800; font-size:200%;}
#banner .left img {width:40%; margin-left:30%; margin-right:30%;}
}
@media screen and (max-width:750px) {
	#content2 .box { width:96%; margin:20px 2% 0 2%;}
	#content2 .box2 { width:96%; margin:0px 2% 20px 2%;}
.container2 {float:left; position:relative; margin:100px 0 100px 5%; padding-bottom:20px; width:90%;}
	.fa-times-circle {top:60px; right:20px;  }
}
@media screen and (max-width:700px) {
	 #wrapper iframe {width:90%; margin:70px 5% 30px 5%; height:300px;}
	#menu {height:1250px;}
#menu .one {width:5%; }
#menu .two {width:1%; }
#menu .three {width:88%; background-color:#211F1F; }
#menu .three h2 {font-size:750%;}
#menu .three h5 { color:white; font-size:300%;}
#menu .four {width:1%; }
#menu .five {width:5%; }
	#news .right {width:100%; float:left;  margin:30px 0% 50px 0%;}
#full { margin:-2px 0 -8px 0;}
#news .left iframe {width:90%; margin:0 3%; }
#banner .left h1 {font-size:400%;}
#banner .left h6 {text-shadow:-1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;}
 body {background:url(ras/background0.jpg) #CCC left top; background-size:cover; background-attachment:fixed; 
background-position: center; background-repeat: no-repeat;}
	#banner img {display:inline;}
#topnav2  {height:auto;}	
#topnav2 .nav {width:96%; margin-left:4%;}
#topnav2 .social2 {width:100%; margin:0%;}
#topnav2 .social2 p {text-align:center; margin:20px 0; }
#contact2 .maps {float:left; margin-top:20px;}
.second {width:92%; margin:30px 4%;}
#banner .left h6 {font-size: 350%; width:90%; margin-left:4%; line-height:25px;}
#container {width:94%; margin:70px 0 0 0; border-radius:0px; margin-left:0%; padding:20px 3%; box-shadow:0 0 0 black;}
#container label {text-align:center; margin-left:10%;}
#banner .left img {margin-top:150px;}
	#banner .left h1 {margin-top:300px; font-size:600%;}
	#banner .left {position:absolute; top:0px;}
			 #banner .left h2 {margin:0px 2% 0 2%; width:36%; font-size: 240%;}
#banner .left h3 {margin:0px 2% 0 2%; width:36%; font-size: 240%;}
#wrapper p {width:90%; margin:10px 5%; text-align:center; font-size:240%; line-height:30px; font-family: 'Open Sans Condensed', sans-serif; }
 #wrapper h4 { text-align:center; margin: 40px 5% 20px 5%; width:90%; font-size:800%;  font-family: 'Cookie', cursive; color:#FF008C;}
 #wrapper h5 {box-shadow:0 0 2px black; width:60%; margin:25px 20%; padding:26px 0; background-color:#00C000; color:white; text-align:center; font-size:280%; font-family: 'PT Sans', sans-serif;}
 #wrapper h6 {width:90%; margin:35px 5% 10px 5%; text-align:center; color:#3B3B3A; font-size:300%; line-height:36px; font-family: 'Open Sans Condensed', sans-serif;}
}	
@media screen and (max-width:620px) {
	#banner .left h6 {font-size: 300%;}
	#content2 .box h2 {padding:20px 0px 5px 0; text-align:center;}
		#content2 .box .first {width:95%; margin:0 2.5%; }
	#content2 .box .second {width:95%; margin:20px 2.5% 0 2.5%;}
	.top .social {margin-right:15%; width:40%;}
.top .social h3 {font-weight:800; font-size:200%;}
#footer .close {float:right; width:48%; margin-right:2%;}
#footer .subs {margin-left:2%; width:48%; float:left;}
	#divs { height:220px;  padding-bottom:1250px; margin-bottom:0;}
#divs .alpha {width:96%; margin:10px 2%;}
#divs .alpha2 {width:96%; margin:10px 2%;}
#divs .beta {width:96%; margin:10px 2%;}
#divs .delta {width:96%; margin:10px 2%;}
#divs .alpha h3 { margin:40px 10%;}
#program .programs {width:96%; margin:20px 2%;}
#program h1 {font:40px/44px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
}
@media screen and (max-width:554px) {
		#fund img {width:30%; margin:0px 35% -20px 35%;}
	#banner h1
	#news h2 {font-size:380%;}
	#news p {width:90%; margin-left:5%;}
	#news .right { margin:30px 0% 50px -5%;}
		#who .thirds {width:96%; float:left; margin:0 0% 70px 2%;}
#who .thirdss {width:96%; float:left; margin:0 2% 70px 2%;}
#who .thirdsss {width:96%; float:left; margin:0 0% 70px 2%;}
		#who1 .thirds {width:96%; float:left; margin:0 0% 70px 2%;}
#who1 .thirdss {width:96%; float:left; margin:0 2% 70px 2%;}
#who1 .thirdsss {width:96%; float:left; margin:0 0% 70px 2%;}
#banner .left img { margin:150px 30% 10px 30%; width:40%;}
	   .w3-button2 { margin-top:350px; right:10%; }
	     .w3-button1 { margin-top:350px; left:10%; }
		 #red { height:1300px;}

}	

@media screen and (max-width:500px) {
	#container1 {box-shadow:0 0 0px black;}
	#news img {width:50%; margin:40px 25% -30px 25%;}
	#banner .left h6 {font-size: 250%; margin-left:3.5%;}
		#banner .left h1 {margin-top:250px; font-size:400%;}
#about p {font-size:160%;}
	#full { margin:-4px 0 -8px 0;}
	#news .right {display:none;}
	#topnav2 .nav ul li {display:inline; margin-right:10px;   }
#topnav2 .nav ul li a { font-size:110%; }
#program .programs {height:auto;}
#program .programs .left {width:100%; margin:0;}
#program .programs .left img {width:50%; margin:0 25%;}
#program .programs .right {width:100%; margin:0;}
.second img { height:120px; }
		 #banner .left h2 { font-size: 240%;}
#banner .left h3 { font-size: 240%;}
#container1 iframe {margin:50px 0 0 0; height:580px;}
}	
@media screen and (max-width:450px) {
	#banner .left h1 {text-shadow:-1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;}
	.top .social {margin-right:15%; width:34%;}
.top .social h3 {font-weight:800; font-size:160%;}
	#banner .left h1 {margin-top:300px;}
				 #banner .left h2 { font-size: 230%; }
#banner .left h3 { font-size: 230%; }	
#footer input[type=submit]  {margin:-5px 0% 0px 0%;}
#banner .left img { margin:120px 25% 0px 25%; width:50%;}
#news .left {width:98%; margin-left:1%; height:1400px; overflow:hidden; }
#news .left iframe {height:1400px; width:82%; margin:0; }
#footer .close {float:right; width:45%; margin-right:2%;}
#footer .subs {margin-left:2%; width:51%; float:left;}
#divs .alpha h3 { font:36px/46px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; margin:60px 10%;}
.head h1 { font-size:210%; width:98%; margin:5px 1%; line-height:40px;}
.slideshow-container img {position:relative; margin-top:50px;}
	   .w3-button2 { margin-top:350px; right:5%; }
	     .w3-button1 { margin-top:350px; left:5%; }
		 .second img { height:100px; margin-bottom:-15px; }
		 #red { height:1100px;}
		 #news iframe {height:200px;}
		 #about img {width:92%;  margin:10px 4%; }
		 .container2 { margin:60px 0 100px 5%;}	.fa-times-circle {top:10px; right:20px;  }
		 	.fa-times-circle {top:20px; right:20px;  }
			#banner .left h6 {font-size: 210%; width:90%; margin-left:2.5%; line-height:20px;}
			.subscribe img {padding-top:10px;}
				.goaway {display:none;}
				 #wrapper iframe { height:220px;}
}
@media screen and (max-width:440px) {
#container iframe {height:1900px;}
#menu .one {width:4%; }
#menu .two {width:2%; }
#menu .three {width:88%; background-color:#211F1F; }
#menu .three h2 {font-size:700%;}
#menu .three h5 { color:white; font-size:250%;}
#menu .four {width:2%; }
#menu .five {width:4%; }
}
@media screen and (max-width:420px) {
			#fund img {width:40%; margin:0px 30% 0px 30%;}
	#content2 .box2 h2 {font-size:230%; line-height:28px;}
	#program h1 {font:30px/34px Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:600;}
	#contact2 .maps h1 {width:94%; margin:40px 0 0 3%;}

}	
@media screen and (max-width:400px) {
.top .social h3 {font-weight:800; font-size:150%;}
		#banner .left h1 {margin-top:300px;}
	#full { margin:-6px 0 -8px 0;}
#footer .subs {font-size:90%;}
#footer .close a {font-size:90%;}
}	
@media screen and (max-width:380px) {
		.top .social {margin-right:17%;}
	.top .social h3 {font-weight:800; font-size:140%;}
	#banner .left h1 {margin-top:280px;}
#banner .left h2 { font-size: 220%;}
#banner .left h3 { font-size: 220%;}
#banner .left h6 {font-size:190%;}
}
}

@-webkit-keyframes mymove {
    from {left: -44%;}
    to {left: 0%;}
}

@keyframes mymove {
    from {left: -44%;}
    to {left: 0%;}
}									
 }