/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_60-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 63px;   
		height: 42px;
		border: 0px;     
		text-decoration: none !important;
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_60-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 63px;   
		height: 42px;
		border: 0px;  
		text-decoration: none !important;  
		position: absolute; 
		}

	#visibility {  
		width: 63px;   
		height: 42px;
		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_60-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat; 
		width: 63px;   
		height: 42px;
		margin-top: -5px;
		border: 0px;   
		text-decoration: none !important;   
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_60-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat; 
		width: 63px;   
		height: 42px;
		border: 0px;  
		text-decoration: none !important; 
		position: absolute;   
		}

	#visibility {  
		width: 63px;   
		height: 42px;
		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_70-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 73px;   
		height: 49px;
		margin-top: -5px;
		border: 0px;   
		text-decoration: none !important;  
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_70-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 73px;   
		height: 49px;
		border: 0px;  
		text-decoration: none !important; 
		position: absolute; 
		}

	#visibility {   
		width: 73px;   
		height: 49px;
		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_80-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 83px;   
		height: 56px;
		border: 0px;  
		text-decoration: none !important;
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_80-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 83px;   
		height: 56px;
		border: 0px;   
		text-decoration: none !important; 
		position: absolute; 
		}

	#visibility {   
		width: 83px;   
		height: 56px;
		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_80-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 83px;   
		height: 56px;
		border: 0px;  
		text-decoration: none !important;
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_80-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 83px;   
		height: 56px;
		border: 0px;   
		text-decoration: none !important; 
		position: absolute; 
		}

	#visibility {   
		width: 83px;   
		height: 56px;
		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_90-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 94px;   
		height: 64px;
		border: 0px;    
		text-decoration: none !important;  
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_90-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 94px;   
		height: 64px; 
		border: 0px;  
		text-decoration: none !important; 
		position: absolute;  
		}

	#visibility {  
		width: 94px;   
		height: 64px; 
		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_90-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 94px;   
		height: 64px;
		border: 0px;    
		text-decoration: none !important;  
		}

	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_90-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 94px;   
		height: 64px; 
		border: 0px;  
		text-decoration: none !important; 
		position: absolute; 
		}

	#visibility {  
		width: 94px;   
		height: 64px; 
		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_100-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 104px;   
		height: 71px;
		border: 0px;
		text-decoration: none !important;
		position: absolute;  
		}


	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_100-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 104px; 
		height: 71px;
		border: 0px;  
		text-decoration: none !important; 
		position: absolute;    
		}

	#visibility {  
		width: 104px; 
		height: 71px;
		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
	.main-site-logo_for_clear-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_BLACK-bg-color_100-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 104px;   
		height: 71px;
		border: 0px;
		text-decoration: none !important;
		position: absolute; 
		}


	.main-site-logo_for_black-background-color {
  		cursor: pointer; 
  		background-image: url("../../Picture_Center/site-logo-center/main-logo_CLEAR-bg-color_100-size.png");
 		background-position: right 1px center; 
  		background-repeat: no-repeat;   
		width: 104px; 
		height: 71px;
		border: 0px;  
		text-decoration: none !important; 
		position: absolute; 
		}

	#visibility {  
		width: 104px; 
		height: 71px;
		}
	}




.main-site-logo_for_black-background-color:hover {  
    	opacity: 0.7;  
	}

.main-site-logo_for_clear-background-color:hover {
    	opacity: 0.7;  
	}



/**TO MAKE THE LOGO VISIBLE ON DARK BACKGROUND**/
#visibility {
  	background: linear-gradient(270deg, #073763, #0b5394, #3d85c6, #6fa8dc, #9fc5e8, #c8bede, #b3a6d5, #8675b8, #674ea7, #351c75, #741b47, #a64d79, #c27ba0, #d5a6bd, #d8aca4, #dd7e6b, #cc4125, #a61c00, #85200c, #571407);
  	background-size: 2000% 2000%;
  	-webkit-animation: colors 30s ease infinite;
          	animation: colors 30s ease infinite;
	}

@-webkit-keyframes colors {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes colors {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/**END OF TO MAKE THE LOGO VISIBLE ON DARK BACKGROUND**/