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

.col-lg-12,.col-md-12,.col-sm-12,.col-xl-6{
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px}
@media (min-width:576px){
	.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

@media (min-width:768px){
	.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
@media (min-width:992px){
	.col-lg-12{
		-webkit-box-flex:0;
		-ms-flex:0 0 100%;
		flex:0 0 100%;
		max-width:100%
	}
	}
@media (min-width:1200px){
	.col-xl-6{
		-webkit-box-flex:0;
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%
	}
}

@media only screen and (min-width:1360px){
	.container{
		max-width:1280px
	}
}


@media only screen and (max-width:1359px){
	.text_with_image{
		padding:70px 0
	}
	.text_with_image .text{
		padding-right:15px;
		padding-left:15px;
	}
	.text_with_image .text.image-left-position{
		padding-right:15px;
		padding-left:15px;
	}
	.text_with_image .text span{
		margin-bottom:60px;
	}
}
@media (max-width:1199.98px){
	.text_with_image{
		padding:60px 0
	}
	.text_with_image .text{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}
	.text_with_image .text.image-left-position{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}
	.text_with_image .text span{
		margin-bottom:30px;
	}
	.text_with_image .text h2{
		font-size:40px
	}
	.text_with_image .text h3{
		font-size:34px
	}
	.text_with_image .text h4{
		font-size:20px
	}
}
@media (max-width:767.98px){
	.text_with_image{
		padding:40px 0;
	}
		.text_with_image .text{
		padding-right:15px;
		padding-left:15px;
	}
	.text_with_image .text.image-left-position{
		padding-right:15px;
		padding-left:15px;
	}
		.text_with_image .text.image-left-position h2{
		font-size:40px;
		letter-spacing: 0px;
	}
	.text_with_image .text h2{
		font-size:30px;
		letter-spacing: 2px;
	}
	.text_with_image .text h3{
		font-size:28px;
	}
	.text_with_image .text h4{
		font-size:18px;
	}
}
@media (max-width:1199.98px){
	.text_with_image .image_wrap .image{
	-webkit-box-ordinal-group: 1;
	-ms-flex-order:0;
		/*-ms-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;*/
	order:0;
	margin-bottom:30px;
	}
	.text_with_image .image_wrap .left-position .image{
	-webkit-box-ordinal-group: 1;
	-ms-flex-order:0;
		/*-ms-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;*/
	order:0;
	margin-bottom:30px;
	}
	.text_with_image .text{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
}
}
.text_with_image .image_wrap .image{
	-webkit-box-ordinal-group: 1;
	-ms-flex-order:0;
		/*-ms-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;*/
	order:0;
}
.text_with_image .image_wrap .image{
	width:100%;
	height:auto;
	display:block; 
	position:relative;
	z-index:1;
}
.text_with_image .row{
	box-align:center;
	flex-align:center;
	align-items:center;
}
.text_with_image .text{
	padding-right:50px;
	padding-left:15px;
}
.text_with_image .image_wrap .left-position .image{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:0;
	order:0;
	padding-right:50px;
	padding-left:15px;
}

.text_with_image .image_wrap .left-position .image{
	width:100%;
	height:auto;
	display:block; 
	position:relative;
	z-index:0;
}
.text_with_image .text span{
	font-family:Eduardo, Arial," sans-serif";
	font-size:20px;
	color:#191616;
	font-weight:500;
	text-transform:uppercase;
	display:block;
	margin-bottom:100px
}
.text_with_image .text h2{
	font-family:Eduardo, Arial," sans-serif";
	font-size:60px;
	color:#FCDF1B;
	font-weight:600;
	text-transform: uppercase;
	margin-bottom:10px;
	line-height: inherit;
}
.text_with_image .text h3{
	font-family:Eduardo, Arial," sans-serif";
	font-size:40px;
	color:#191616;
	font-weight:600;
	text-transform: uppercase;
	margin-bottom:20px
}
.text_with_image .text h4{
	font-family:Eduardo, Arial," sans-serif";
	font-size:24px;
	color:#191616;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:20px
}
.text_with_image .text p{
	font-family:Eduardo, Arial," sans-serif";
	font-size:24px;
	color:#FFFFFF;
	font-weight:500;
	line-height:1.4;
	margin-bottom:20px
}
.text_with_image .text p:last-child{margin-bottom:0}
@media (max-width:767.98px){
	.text_with_image .text p{
		font-size:16px;
	}
	.text_with_image .text table tbody tr td{
		font-size:14px;
	}
}
@media (max-width:1199.98px){
	.text_with_image .text p{
		font-size:20px;
	}
	.text_with_image .text table tr td{
		font-size:20px;
	}
}
.text_with_image .text p a:not(.btn-primary){
	color:#FCDF1B;
	display:inline-block;
	font-weight:500;
	text-decoration:none
}
.text_with_image .text p a:not(.btn-primary):hover{
	text-decoration:underline
}
.text_with_image .text table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px
}
.text_with_image .text table:last-child{margin-bottom:0}
.text_with_image .text table tr td{
	font-family:Eduardo, Arial," sans-serif";
	font-size:24px;
	color:#191616;
	font-weight:500;
	padding:10px 15px;
	border:1px solid #dcdcdc
}
.text_with_image .text table tr td a{
	color:#007940;
	display:inline-block;
	font-weight:500;
	text-decoration:none
}
.text_with_image .text table tr td a:hover{
	text-decoration:underline
}
.text_with_image .text table tr:nth-child(2n) td{
	background-color:#f3f3f3
}
.text_with_image--black{
	background-color:#007940
}
.text_with_image--black .text .uh,.text_with_image--black .text h2,.text_with_image--black .text h3,.text_with_image--black .text h4,.text_with_image--black .text ol li,.text_with_image--black .text p,.text_with_image--black .text span,.text_with_image--black .text ul li{
	color:#fff
}
.text_with_image--black .text table tr td{
	color:#fff
}
.text_with_image--black .text table tr:nth-child(2n) td{
	background-color:transparent
}
.body {
  		overflow-x: hidden;
		margin: -32px -23px 0px -23px;
	}
	.parallax { 
    /* The image used */
    background-image: url(https://goducks.com/images/2020/4/27/2019_09_07_FB_OR_vs_NV_EE_04339.JPG);

    /* Set a specific height */
	width: 100%;
    height:120vh;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
  	.article-content section {
        /* Set a specific height */
		width: 100%;
		min-height: 100vh;
    	/* Create the parallax scrolling effect */
    	background-attachment: fixed;
    	background-position: center top;
    	background-repeat: no-repeat;
    	background-size: cover;
        background-color: white;
		position: relative;

	}
    #groups {
		background-color: #007940;
  	}
    #cheerwithducks {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks.jpg);
  	}
    #education {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks.jpg);
  	}    
	#firstresponders {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks.jpg);
  	}
    #greek {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks.jpg);
  	}
    #medical {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks.jpg);
  	}
    #youth {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks.jpg);
  	}#union {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks.jpg);
  	}
#miltary {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks.jpg);
  	}
    #band {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks.jpg);
  	}

	h1 {
		margin: 0;
		text-align: center;
		font-size: 90px;
		animation-delay: 0.6s;
		animation-duration: 5s;
		font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 3px 2px 10px rgba(0,0,0,0.8);
		letter-spacing: 17px;
	}
    #title {
      text-align: center;
    }
  h1 a {
    text-decoration: none;
  }
  .subheader {
    font-size: 40px;
    animation-delay: 1.6s;
	  letter-spacing: 5px;
  }
/*  h2 {
		margin: 0;
		text-align: center;
		font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 3px 2px 10px rgba(0,0,0,0.5);
	}*/

 /* table {
    margin-top: 20px;
  }
  td { 
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.4);
  }
  th {
    color: #004419;
    background-color: rgba(225, 225, 225, 0.2);
    border: solid 1px rgba(225, 225, 225, 0.4);
    font-size: 20px;
  }*/

  #btn {
    	margin-top: 15px;
		background: rgba(0,0,0,0.55);
    display: inline-block;
		text-align: center;
		font-size: 25px;
		text-decoration: none;
		padding: 0px 30px;
    	font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
		letter-spacing: 5px;
		border: solid 2px;
  }
	#nav-btn {
		    margin-top: 10px;
		background: rgba(0,0,0,0.55);
      display: inline-block;
          min-width: 350px;
		text-align: center;
		font-size: 25px;
		text-decoration: none;
		padding: 0px 30px;
		font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		animation-delay: 1.6s;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
		letter-spacing: 5px;
		border: solid 2px;
	}

  	#news-btn {
		margin: 10px 10px;
		background: rgba(0,0,0,0.15);
		text-align: center;
		font-size: 16px;
		text-decoration: none;
        width: 350px;
      	height: 220px;
		padding: 10px 30px;
		font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		animation-delay: 1.6s;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
		letter-spacing: 5px;
		border: solid 2px;
	}
  #btn:hover {
    color: black;
    text-shadow: none;
    border-color: white;
  }
  #nav-btn:hover {
    color: black;
    text-shadow: none;
    border-color: white;
  }
    #news-btn:hover {
    color: black;
    text-shadow: none;
    border-color: white;
  }
	.hvr-sweep-to-top:before {
        font-family: Eduardo, Arial," sans-serif";
		background:rgba(255,242,0,0.84);
	}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: black;
  font-family: Eduardo, Arial," sans-serif";
}
	.center-div {
		position: absolute;
		left: 0;
		line-height: 90px;
		margin: auto;
		margin-top: -90px;
		top: 50%;
		width: 100%;
		text-align: center;
      text-transform: uppercase;
	}
    .center-div-2 {
      	position: absolute;
      	top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
        width: 80%;
      	padding: 20px;
      	margin-top: 20px;
      margin-bottom: 20px;
		text-align: center;
        background-color: rgba(0,0,0,0.4);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
		/*display: -webkit-box;*/
		display: flex;
		flex-direction: row;
	}
   .center-div-3 {
      	position: absolute;
      	top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
        width: 50%;
      	padding: 20px;
      	margin-top: 20px;
      margin-bottom: 20px;
		text-align: center;
        background-color: rgba(0,0,0,0.4);
	}
@media(max-width:1199px) {
    .body {
		margin-left: -12px;
    }
    .parallax {
      	background-attachment: scroll;
        background-image: url(https://goducks.com/images/2020/4/27/2019_09_07_FB_OR_vs_NV_EE_04339.JPG);
    }
  .center-div {
    margin-top: -100px;
    padding: 0px 10px;
  }
    #title {
      padding-left: 6px;
    }
  .center-div-2 {
    border: none;
    width: 100%;
	  /*display: -webkit-box;*/
	  		display: flex;
		flex-direction: column;
  }
  h1 {
    font-size: 65px;
    letter-spacing: 1px;
    line-height: 65px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
  }
 /*   h2 {
      font-size: 35px;
      line-height: 45px;
    }*/
    .subheader {
      font-size: 35px;
    }
    .article-content section {
    	background-attachment: scroll;
    	background-position: center top;
    	background-repeat: no-repeat;
        background-color: white;
        padding: 0px;
		position: relative;
      	height: auto;
    }
  #nav-btn {
    margin-top: 10px;
    display: inline-block;
    min-width: 350px;
    font-family: Eduardo, Arial,'sans-serif';
    background: rgba(0,0,0,0.55);
  }

    	#news-btn {
		margin: 10px 10px;
		background: rgba(0,0,0,0.55);
		text-align: center;
		font-size: 16px;
		text-decoration: none;
        width: 350px;
      	height: 220px;
		padding: 10px 30px;
		font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		animation-delay: 1.6s;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
		letter-spacing: 5px;
		border: solid 2px;
	}
  #btn {
    margin-top: 10px;
    display: inline-block;
    min-width: 270px;
    font-family: Eduardo, Arial,'sans-serif';
  }
	    #groups {
		
			height: 1500px;
  	}
	    #cheerwithducks {
		
			height: 1500px;
  	}
    #education {
	
		height: 1500px;
  	}
		    #firstresponders {
		
			height: 1500px;
  	}
    #greek {
		
		height: 1500px;
  	}
		    #medical {
		
			height: 1500px;
  	}
    #youth {
		
		height: 1500px;
  	}
		    #band {
		
			height: 1500px;
  	}
    
}
  @media(max-width:767px) {
    .body {
		margin-left: -12px;
    }
    .parallax {
      	background-attachment: scroll;
      	background-size: 100%;
        background-image: url(https://static.goducks.com/custompages/pages/ticketoffice/groups/autzen.jpg);
		min-height: 1500px;
    }
  .center-div {
    margin-top: -100px;
    padding: 0px 10px;
  }
    #title {
      padding-left: 6px;
    }
  .center-div-2 {
    border: none;
    width: 100%;
		  /*display: -webkit-box;*/
	  		display: flex;
		flex-direction: column;
  }
  h1 {
    font-size: 55px;
    letter-spacing: 1px;
    line-height: 65px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
  }
/*    h2 {
      font-size: 30px;
      line-height: 35px;
    }*/
    .subheader {
      font-size: 30px;
    }
    .article-content section {
    	background-attachment: scroll;
    	background-position: center top;
    	background-repeat: no-repeat;
        background-color: white;
        padding: 0px;
		position: relative;
    }
  #nav-btn {
    margin-top: 10px;
    display: inline-block;
    min-width: 350px;
    font-family: Eduardo, Arial,'sans-serif';
    background: rgba(0,0,0,0.55);
	  letter-spacing: 2px;
	  line-height: inherit;
  }
    	#news-btn {
		margin: 10px 10px;
		background: rgba(0,0,0,0.55);
		text-align: center;
		font-size: 16px;
		text-decoration: none;
        width: 350px;
      	height: 220px;
		padding: 10px 30px;
		font-family: Eduardo, Arial," sans-serif";
		color: white;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		animation-delay: 1.6s;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
		letter-spacing: 5px;
		border: solid 2px;
	}
  #btn {
    margin-top: 10px;
    display: inline-block;
    min-width: 270px;
    font-family: Eduardo, Arial,'sans-serif';
  }
	      #groups {
		background-color: #007940;
			  height: 1300px;
  	}
	      #cheerwithducks {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks_mobile.jpg);
			  height: 1000px;
  	}
    #education {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks_mobile.jpg);
		height: 1000px;
  	}
	  	      #firstresponder {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks_mobile.jpg);
			  height: 800px;
  	}
    #greek {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks_mobile.jpg);
		height: 1000px;
  	}
	  	      #medical {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks_mobile.jpg);
			  height: 1000px;
  	}
    #youth {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/green_ducks_mobile.jpg);
		height: 1000px;
  	}
	  	      #band {
		background-image: url(https://static.goducks.com/custompages/pages/marketing/soccer/grey_ducks_mobile.jpg);
			  height: 1000px;
  	}
}