@charset "utf-8";
/* Global Styles */

* {
  box-sizing:border-box;
}

html    { overflow-x: hidden; scroll-behavior: smooth;}	

body {margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
	padding-left: 0%;
	padding-right: 0%;
}


/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
	
		
	
/****************************Section1*************************************************/


.section1 	{position:relative;
			width:100%;
			height:auto;	
			text-align: center; 
				}


#UDC_Mobile_logo {display:block;
						 width:98%;
			     		 height:auto;
						 margin: auto;
						 margin-top: 25px;
						}				
#UDC_Desktop_logo {display:none;
						 width:275px;
			     		 height:auto;
						 margin: auto;
						 margin-top: 25px;
						}			

	
#Bottles				{display:block; 
						 width:98%; /*********Adjustment Point**********/
			     		 height:100%; /*********Adjustment Point**********/
						 margin: auto;
						 margin-top: 10px; /*********Adjustment Point**********/
						}	
	
	


/****************************Section2*************************************************/

.section2       {text-align: center;			
					}	
	
#disclaimer 	{font-size: 16px; /*********Adjustment Point**********/
				padding-left: 2%; padding-right: 2%;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;	
				color:#646464;		
		}

#question 		{font-size: 25px; /*********Adjustment Point**********/
					 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#646464;
					margin-bottom: 2px;
		}	
	
#button-yes			{color:#FFFFFF;
					font-size: 20px; 
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
					height: 45px; width: 65px;
					margin: 5px;
					background-color: #052739;
					border-radius: 15px;
					}	
#button-yes:hover  { background: #6E6E6E;}
	
#button-no			{color:#FFFFFF;
					font-size: 20px; 
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
					height: 45px; width: 65px;
					margin: 20px;
					background-color: #052739;
					border-radius: 15px;
					}	
	
#button-no:hover  { background: #6E6E6E;}

.Copyright			{text-align: center;
					 font-size: 18px; /*********Adjustment Point**********/
					 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#B9B9B9;
					 padding-left: 2%;
					 padding-right: 2%;
					 margin-top: 50px;
			   		}	
	
	
	
}




/*********************************************Tablet_Portrait Size*******************************************************************************/
@media ( min-width : 481px ) and (max-width : 1024px ){

	
	
	
	
/****************************Section1*************************************************/


.section1 	{position:relative;
			width:100%;
			height:auto;	
			text-align: center; 
				}

#UDC_Mobile_logo        {display:none;
						 width:400px;
			     		 height:auto;
						 margin: auto;
						 margin-top: 25px;
						}				
	
#UDC_Desktop_logo    {display:block;
						 width:80%;
			     		 height:auto;
						 margin: auto;
						 margin-top: 100px;
						}				
	

	
#Bottles				{display:block; 
						 width:90%; /*********Adjustment Point**********/
			     		 height:100%; /*********Adjustment Point**********/
						 margin: auto;
						 margin-top: 10px; /*********Adjustment Point**********/
						}	
	
	


/****************************Section2*************************************************/

.section2       {text-align: center;			
					}	
	
#disclaimer 	{font-size: 18px; /*********Adjustment Point**********/
				padding-left: 10px; padding-right: 10px;
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#646464;		
		}

#question 		{font-size: 35px; /*********Adjustment Point**********/
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#646464;
					margin-bottom: 2px;
		}	
	
#button-yes			{color:#FFFFFF;
					font-size: 20px; 
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
					height: 50px; width: 75px;
					margin: 5px;
					background-color: #052739;
					border-radius: 15px;
					}	
#button-yes:hover  { background: #6E6E6E;}
	
#button-no			{color:#FFFFFF;
					font-size: 20px; 
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
					height: 50px; width: 75px;
					margin: 20px;
					background-color: #052739;
					border-radius: 15px;
					}	
	
#button-no:hover  { background: #6E6E6E;}

.Copyright			{text-align: center;
					 font-size: 18px; /*********Adjustment Point**********/
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#B9B9B9;
					 padding-left: 5px;
					 padding-right: 5px;
					 margin-top: 50px;
			   		}	
	

	
/* THIS IS NEEDED FOR IMAGE ANIMATIONS */	
	
.fade-slide {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
}

.fade-slide.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
	
	
}





/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
	
/* THIS IS NEEDED FOR IMAGE ANIMATIONS */	
	
.fade-slide {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
}

.fade-slide.visible {
  opacity: 1;
  transform: translateY(0);
}	
	
/****************************Section1*************************************************/


.section1 	{position:relative;
			width:100%;
			height:auto;	
			text-align: center; 
				}


#UDC_Mobile_logo        {display:none;
						 width:400px;
			     		 height:auto;
						 margin: auto;
						 margin-top: 25px;
						}				
	
#UDC_Desktop_logo    {display:block;
						 width:55%;
			     		 height:auto;
						 margin: auto;
						 margin-top: 150px;
						}				
			
	
#underline				{display:block;
						 width:680px; /*********Adjustment Point**********/
			     		 height:20px; /*********Adjustment Point**********/
						 margin: auto;
						 margin-top: 10px; /*********Adjustment Point**********/
						}
	
#Bottles				{display:block; 
						 width:90%; /*********Adjustment Point**********/
			     		 height:100%; /*********Adjustment Point**********/
						 margin: auto;
						 margin-top: 10px; /*********Adjustment Point**********/
						}	
	
	


/****************************Section2*************************************************/

.section2       {text-align: center;			
					}	
	
#disclaimer 	{font-size: 25px; /*********Adjustment Point**********/
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#646464;		
		}

#question 		{font-size: 40px; /*********Adjustment Point**********/
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#646464;
					margin-bottom: 2px;
		}	
	
#button-yes			{color:#FFFFFF;
					font-size: 20px; 
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
					height: 50px; width: 75px;
					margin: 5px;
					background-color: #052739;
					border-radius: 15px;
					}	
#button-yes:hover  { background: #6E6E6E;}
	
#button-no			{color:#FFFFFF;
					font-size: 20px; 
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
					height: 50px; width: 75px;
					margin: 20px;
					background-color: #052739;
					border-radius: 15px;
					}	
	
#button-no:hover  { background: #6E6E6E;}

.Copyright			{text-align: center;
					 font-size: 18px; /*********Adjustment Point**********/
					font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
				 	 color:#B9B9B9;
					 padding-left: 5px;
					 padding-right: 5px;
					 margin-top: 50px;
			   		}	
	
/* THIS IS NEEDED FOR IMAGE ANIMATIONS */	
	
.fade-slide {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
}

.fade-slide.visible {
  opacity: 1;
  transform: translateY(0);
}		
	
}