/*  style sheet for Blind Sighted Productions by Thomas Tivnen 01/01/2025
It is best not to edit or tweak this style sheet as it deals with cell phone, i-pad, tablet, lap top, desk top size rendering;
If a problem arises please contact:
thomastivnen@hotmail.com  */


/*   expand img style sheet   */

/*    expand3.html  from conferences web page bottom */
#dare20    {
	width: 96%; max-width: 1800px;
	height: auto;
	border: #fff solid 10px;
}

/*    expand2.html   from conferences web page top  */
#dare30    {
	width: 96%; max-width: 1800px;
	height: auto;
	border: #fff solid 10px;
}

/*    expand1.html   from mentoring web page */
#ment2b    {
	width: 96%; max-width: 1800px;
	height: auto;
	border: #fff solid 10px;
	margin: 10px 10px 10px 20px;
}

/*   begin size render   */


@media screen and (max-width:1920px){
	 body  {
		width: 100%; max-width: 1920px;
		height: auto; margin: 0; 	
	 }	
}

@media screen and (max-width:1900px){
	 body  {
		width: 100%; max-width: 1900px;
		height: auto; margin: 0; 	
	 }	
}

@media screen and (max-width:1800px){
	 body  {
		width: 100%; max-width: 1800px;
		height: auto; margin: 0; 	
	 }
	 #ment2b    {
	 	width: 96%;
	 	height: auto;
	 	border: #fff solid 10px;
	 	margin: 10px 10px 10px 20px;
	 }
	 #dare30    {
	 	width: 96%; max-width: 1800px;
	 	height: auto;
	 	border: #fff solid 10px;
	 	margin: 10px 10px 10px 10px;
	 }
	 #dare20    {
	 	width: 96%; max-width: 1800px;
	 	height: auto;
	 	border: #fff solid 10px;
	 	margin: 10px 10px 10px 10px;
	 }
}
@media screen and (max-width:1280px){
    body  {
		width: 100%; max-width: 1280px;
		height: auto; margin: 0; 	
    } 
   #ment2b    {
	 	width: 96%;
	 	height: auto;
	 	border: #fff solid 10px;
	 	margin: 10px 10px 10px 15px;
	 }    
}
@media screen and (max-width:1112px){
     body  {
		width: 100%; max-width: 1112px;
		height: auto; margin: 0; 	
     }
     #ment2b    {
	 	width: 100%;
	 	height: auto;
	 	border: none;
	 	margin: 0;
	 	padding: 0;
	 }   
	 #dare30    {
	 	width: 100%;
	 	height: auto;
	 	border: none;
	 	margin: 0;
	 	padding: 0;
	 }
	 #dare20    {
	 	width: 100%;
	 	height: auto;
	 	border: none;
	 	margin: 0;
	 	padding: 0;
	 }
}
@media screen and (max-width:640px){
    body     {
		  width: 100%; max-width: 640px;
		  height: auto; margin: 0;
    }
    #ment2b    {
	 	width: 100%;
	 	height: auto;
	 	border: none;
	 	margin-left: -3px;
	 	padding: 0;
	 }
	 #dare30    {
	 	width: 100%;
	 	height: auto;
	 	border: none;
	 	margin-left: -5px;
	 }
	 h1   {
	 	font-size: 18px;
	 }
}
@media screen and (max-width:568px){
    body     {
		  width: 100%; max-width: 568px;
		  height: auto; margin: 0;
    }  
     #dare30    {
	 	width: 100%;
	 	height: auto;
	 	border: none;
	 	margin-left: 0;
	 }  
    
}

@media screen and (max-width:384px){
    body     {
		  width: 100%; max-width: 384px;
		  height: auto; margin: 0; Background: #000;
    }
 
}
@media screen and (max-width:380px){
    body     {
		  width: 100%; max-width: 380px;
		  height: auto; margin: 0; background: #000;
    }
    
}