/*

***************
COLORS

	Background:  rgba(231,211,187,1);
	Lavender:   rgba(140,140,255,1);

***************
FONTS | All Fonts Loaded in /fonts directory 

	Champagne-Limousines-Bold-Italic.ttf | font-family: chlbi;
	Champagne-Limousines-Bold.ttf        | font-family: chbo;
	Champagne-Limousines-Italic.ttf      | font-family: chit;
	Champagne-Limousines.ttf             | font-family: chli;
	
	Geologica-Black.ttf                  | font-family: gebl;
	Geologica-Bold.ttf                   | font-family: gebo;
	Geologica-ExtraBold.ttf              | font-family: geeb;
	Geologica-ExtraLight.ttf             | font-family: geel;
	Geologica-Light.ttf                  | font-family: geli;
	Geologica-Medium.ttf                 | font-family: geme;
	Geologica-Regular.ttf                | font-family: gere;
	Geologica-SemiBold.ttf               | font-family: gesb;
	Geologica-Thin.ttf                   | font-family: geth;
	
	Poppins-Black.ttf                    | font-family: pobl;
	Poppins-BlackItalic.ttf              | font-family: pobli;
	Poppins-Bold.ttf                     | font-family: pobo;
	Poppins-BoldItalic.ttf               | font-family: poboi;
	Poppins-ExtraBold.ttf                | font-family: poeb;
	Poppins-ExtraBoldItalic.ttf          | font-family: poebi;
	Poppins-ExtraLight.ttf               | font-family: poel;
	Poppins-ExtraLightItalic.ttf         | font-family: poeli;
	Poppins-Italic.ttf                   | font-family: poit;
	Poppins-Light.ttf                    | font-family: poli;
	Poppins-LightItalic.ttf              | font-family: polii;
	Poppins-Medium.ttf                   | font-family: pome;
	Poppins-MediumItalic.ttf             | font-family: pomeit;
	Poppins-Regular.ttf                  | font-family: pore;
	Poppins-SemiBold.ttf                 | font-family: posb;
	Poppins-SemiBoldItalic.ttf           | font-family: posbi;
	Poppins-Thin.ttf                     | font-family: poth;
	Poppins-ThinItalic.ttf               | font-family: pothi;
	
*/

/* Champagne Limousine Font Family */

@font-face {
	src: url("../fonts/Champagne-Limousines-Bold-Italic.ttf");
	font-family: chlbi;
}

@font-face {
	src: url("../fonts/Champagne-Limousines-Bold.ttf");
	font-family: chlib;
}

@font-face {
	src: url("../fonts/Champagne-Limousines-Italic.ttf");
	font-family: chlii;
}

@font-face {
	src: url("../fonts/Champagne-Limousines.ttf");
	font-family: chli;
}

/* Geologica Font Family */

@font-face {
	font-family: gebl;
	src: url("../fonts/Geologica-Black.ttf");
}

@font-face {
	font-family: gebo;
	src: url("../fonts/Geologica-Bold.ttf");
}

@font-face {
	font-family: geeb;
	src: url("../fonts/Geologica-ExtraBold.ttf");
}

@font-face {
	font-family: geel;
	src: url("../fonts/Geologica-ExtraLight.ttf");
}

@font-face {
	font-family: geli;
	src: url("../fonts/Geologica-Light.ttf");
}

@font-face {
	font-family: geme;
	src: url("../fonts/Geologica-Medium.ttf");
}

@font-face {
	font-family: gere;
	src: url("../fonts/Geologica-Regular.ttf");
}

@font-face {
	font-family: gesb;
	src: url("../fonts/Geologica-SemiBold.ttf");
}

@font-face {
	font-family: geth;
	src: url("../fonts/Geologica-Thin.ttf");
}

/* Poppins Font Family */

@font-face {
	font-family: pobl;
	src: url("../fonts/Poppins-Black.ttf");
}

@font-face {
	font-family: pobli;
	src: url("../fonts/Poppins-BlackItalic.ttf");
}

@font-face {
	font-family: pobo;
	src: url("../fonts/Poppins-Bold.ttf");
}

@font-face {
	font-family: poboi;
	src: url("../fonts/Poppins-BoldItalic.ttf");
}

@font-face {
	font-family: poeb;
	src: url("../fonts/Poppins-ExtraBold.ttf");
}

@font-face {
	font-family: poebi;
	src: url("../fonts/Poppins-ExtraBoldItalic.ttf");
}

@font-face {
	font-family: poel;
	src: url("../fonts/Poppins-ExtraLight.ttf");
}

@font-face {
	font-family: poeli;
	src: url("../fonts/Poppins-ExtraLightItalic.ttf");
}

@font-face {
	font-family: poit;
	src: url("../fonts/Poppins-Italic.ttf");
}

@font-face {
	font-family: poli;
	src: url("../fonts/Poppins-Light.ttf");
}

@font-face {
	font-family: polii;
	src: url("../fonts/Poppins-LightItalic.ttf");
}

@font-face {
	font-family: pome;
	src: url("../fonts/Poppins-Medium.ttf");
}

@font-face {
	font-family: pomei;
	src: url("../fonts/Poppins-MediumItalic.ttf");
}

@font-face {
	font-family: pore;
	src: url("../fonts/Poppins-Regular.ttf");
}

@font-face {
	font-family: posb;
	src: url("../fonts/Poppins-Semibold.ttf");
}

@font-face {
	font-family: posbi;
	src: url("../fonts/Poppins-SemiboldItalic.ttf");
}

@font-face {
	font-family: poth;
	src: url("../fonts/Poppins-Thin.ttf");
}

@font-face {
	font-family: pothi;
	src: url("../fonts/Poppins-ThinItalic.ttf");
}

body{
	background: rgba(231,211,187,1);
	margin: 0px;
}

/* media screen (min-width:320px) landscape & portrait */
@media screen and (max-width: 320px){
   
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.4rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.6rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.5rem;
		text-align: center;
		margin: auto 0rem .1rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.3rem;
		text-align: center;
		margin: -.2rem 0rem 0rem 0rem;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 90%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 100%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 100%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem .6rem;
		text-align: center;
		font-size: 1.8rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /*close breakpoint 320 portrait */

/* media screen (min-width:321px) and (max-width:360px) | portrait */
@media screen and (min-width:321px) and (max-width:360px) 
and (orientation: portrait){
    
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.4rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }

    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.8rem;
    	font-weight: 450;	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.5rem;
		text-align: center;
		margin: auto 0rem .1rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.3rem;
		text-align: center;
		margin: -.2rem 0rem 0rem 0rem;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 90%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 100%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 100%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem .6rem;
		text-align: center;
		font-size: 1.8rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 321px to 360px portrait */

/* media screen (min-width:361px) and (max-width:375px) | portrait */
@media screen and (min-width:361px) and (max-width:375px) 
and (orientation: portrait){
   
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size:1.5rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }  

    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.6rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.8rem;
		text-align: center;
		margin: auto 0rem .1rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.3rem;
		text-align: center;
		margin: -.2rem 0rem 0rem 0rem;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 90%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 100%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 100%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem .6rem;
		text-align: center;
		font-size: 1.8rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 361px to 375px portrait */

/* media screen (min-width:376px) and (max-width:393px) | portrait */
@media screen and (min-width:376px) and (max-width:384px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	color: rgba(0,0,0,1);
		font-size:1.6rem;
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.7rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.7rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}
	
	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 99%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 99%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 99%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem .2rem;
		text-align: center;
		font-size: 1.4rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
		
	.tnav{
		background: rgba(0,0,0,1);
		display: flex;
		justify-content: space-around;
		align-content: center;
		padding: .5rem 0rem;
	}

} /* close range breakpoint 385px to 414px portrait */

/* media screen (min-with: 385px) and (max-width: 414px) | portrait */ 
@media screen and (min-width: 385px) and (max-width: 414px)
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.7rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.9rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.8rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 99%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 99%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 99%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem .2rem;
		text-align: center;
		font-size: 1.7rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
			
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
		
	.tnav{
		background: rgba(0,0,0,1);
		display: flex;
		justify-content: space-around;
		align-content: center;
		padding: .5rem 0rem;
	}

} /* close range breakpoint 376px to 414px portrait */
 
/* media screen (min-with: 415px) and (max-width: 430px) | portrait */ 
@media screen and (min-width: 415px) and (max-width: 430px)
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.8rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
     
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 2rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 90%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 100%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 100%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	
	.tnav{
		background: rgba(0,0,0,1);
		display: flex;
		justify-content: space-around;
		align-content: center;
		padding: .5rem 0rem;
	}

} /* close range breakpoint 415px to 430px portrait */ 
 
/* media screen (min-with: 431px) and (max-width: 540px) | portrait */ 
@media screen and (min-width: 431px) and (max-width: 540px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
        
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 2rem;
		text-align: center;
		margin: 0rem 0rem .4rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
		
	.nav{
		width: 90%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 100%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 100%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	
	.tnav{
		background: rgba(0,0,0,1);
		display: flex;
		justify-content: space-around;
		align-content: center;
		padding: .5rem 0rem;
	}

} /* close range breakpoint 431px to 540px portrait */

/* media screen (max-width: 568px) | landscape */ 
@media screen and (min-width: 568px) and (max-width: 666px) and (orientation: landscape){ 

    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
        
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.6rem;
		text-align: center;
		margin: 0rem 0rem .4rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}
	
	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
		
	.nav{
		width: 90%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
		width: 100%;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
		width: 100%;
		margin: .4rem 0rem;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		border: .2rem outset rgba(0,0,0,1);
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
		
	.tnav{
		background: rgba(0,0,0,1);
		display: flex;
		justify-content: space-around;
		align-content: center;
		padding: .5rem 0rem;
	}

} /* */ 
 
/* media screen (min-with: 541px) and (max-width: 600px) | portrait */ 
@media screen and (min-width: 541px) and (max-width: 600px) 
and (orientation: portrait){
   
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 2.8rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 541px to 600px portrait */
 
/* media screen (min-with: 601px) and (max-width: 640px) | portrait */ 
@media screen and (min-width: 601px) and (max-width: 640px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}	

	.hi{
		margin:.6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
		
	.tnav{
		background: rgba(0,0,0,1);
		display: flex;
		justify-content: space-around;
		align-content: center;
		padding: .5rem 0rem;
	}

} /* close range breakpoint 601px to 640px portrait */

/* media screen (max-width: 569px) and 640px | landscape */ 
@media screen and (min-width: 569px) and (max-width:640px) 
and (orientation: landscape){
  
    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.8rem;
		-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	.hi{
		margin: .6rem 0rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 569px to 640px | Landscape */ 

/* media screen (max-width: 641px) and 667px | landscape */ 
@media screen and (min-width: 641px) and (max-width:667px) 
and (orientation: landscape){
 
    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.8rem;
		-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}
		             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}

	.hi{
		margin: .6rem 0rem;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 541px to 667px | Landscape */ 

/* media screen (min-with: 641px) and (max-width: 712px) | portrait */ 
@media screen and (min-width: 641px) and (max-width: 712px) 
and (orientation: portrait){
   
    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1.8rem;
		-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	.hi{
		margin: .6rem 0rem;
	}
	
	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);	
	}
    
} /* close range breakpoint 641px to 712px portrait */

/* media screen (max-width: 668px) and 736px | landscape */ 
@media screen and (min-width: 668px) and (max-width:736px) 
and (orientation: landscape){
   
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: rgba(180,226,255,1);
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(175,175,175,1),rgba(180,226,255,1),rgba(175,175,175,1));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    }
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	.hi{
		margin: .6rem 0rem;
	}
	
	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
	}
    
} /* close range breakpoint 668px to 736px | Landscape */ 

/* media screen (min-with: 713px) and (max-width: 768px) | portrait */ 
@media screen and (min-width: 713px) and (max-width: 768px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;  	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	.hi{
		margin: .6rem 0rem;
	}
	
	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 713px to 768px portrait */

/* media screen (min-with: 769px) and (max-width: 800px) | portrait */ 
@media screen and (min-width: 769px) and (max-width: 800px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 769px to 800px portrait */

/* media screen (min-width: 737px) and (max-width: 800px) | landscape */ 
@media screen and (min-width: 737px) and (max-width:800px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 737px to 800px | Landscape */ 

/* media screen (min-with: 801px) and (max-width: 820px) | portrait */ 
@media screen and (min-width: 801px) and (max-width: 820px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 801px to 820px portrait */

/* media screen (min-width: 801px) and (max-width: 844px) | landscape */ 
@media screen and (min-width: 801px) and (max-width:844px) 
and (orientation: landscape){

  
    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 1.6rem;
		text-align: center;
		margin: 0rem 0rem .4rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
	}
	
	.nav ul{ 
		display: block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: block;
		font-family: pore;
	}
	
	.nav ul li a{
			display: block;
			text-decoration: none;
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 801px to 844px | Landscape */ 

/* media screen (min-width: 845px) and (max-width: 896px) | landscape */ 
@media screen and (min-width: 845px) and (max-width:896px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 845px to 896px | Landscape */ 

/* media screen (min-with: 821px) and (max-width: 900px) | portrait */ 
@media screen and (min-width: 821px) and (max-width: 900px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.6rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 821px to 900px portrait */

/* media screen (min-with: 801px) and (max-width: 820px) | portrait */ 
@media screen and (min-width: 901px) and (max-width:912px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .5rem 2.5rem;
		text-align: center;
		font-size: 2rem;
		background: linear-gradient(rgba(0,100,0,0), rgba(0,60,0,1), rgba(0,100,0,1));
		color: rgba(220,220,220,1);
		padding: .7rem 1rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		background: linear-gradient(rgba(0,0,100,1), rgba(0,0,180,1), rgba(0,0,100,1));
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 901px to 900px | portrait */

/* media screen (min-with: 913px) and (max-width: 1024px) | portrait */ 
@media screen and (min-width: 913px) and (max-width:1024px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 913px to 1024px | portrait */

/* media screen (min-with: 1025px) and (max-width: 1080px) | portrait */ 
@media screen and (min-width: 1025px) and (max-width:1080px) 
and (orientation: portrait){
    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
 
} /* close range breakpoint 1025px to 1080px | portrait */

/* media screen (min-width: 897px) and (max-width: 932px) | landscape */ 
@media screen and (min-width: 897px) and (max-width:932px) 
and (orientation: landscape){
    
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: rgba(180,226,255,1);
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(175,175,175,1),rgba(180,226,255,1),rgba(175,175,175,1));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    }
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		color: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 897px to 932px | Landscape */ 

/* media screen (min-width: 933px) and (max-width: 960px) | landscape */ 
@media screen and (min-width: 933px) and (max-width:960px) 
and (orientation: landscape){
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: rgba(180,226,255,1);
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(175,175,175,1),rgba(180,226,255,1),rgba(175,175,175,1));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    }
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
	}

} /* close range breakpoint 933px to 960px | Landscape */ 

/* media screen (min-with: 961px) and (max-width: 1024px) | landscape */ 
@media screen and (min-width: 961px) and (max-width:1024px) 
and (orientation: landscape){
  
    blockquote{
        margin: 0px .3rem;
    }
    
    a.button{
    	background: rgba(180,226,255,1);
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(175,175,175,1),rgba(180,226,255,1),rgba(175,175,175,1));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    }
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 961px to 1024px | Landscape */

/* media screen (min-with: 1025px) and (max-width: 1138px) | landscape */ 
@media screen and (min-width: 1025px) and (max-width:1138px) 
and (orientation: landscape){
    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 1025px to 1138px | Landscape */

/* media screen (min-with: 1039px) and (max-width: 1180px) | landscape */ 
@media screen and (min-width: 1139px) and (max-width:1180px) 
and (orientation: landscape){
 
    blockquote{
        margin: 0px .3rem;
    }
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 1139px to 1180px | Landscape */

/* media screen (min-with: 1181px) and (max-width: 1280px) | landscape */ 
@media screen and (min-width: 1181px) and (max-width:1280px) 
and (orientation: landscape){
  
    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 2.5rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	.hd{
		background: rgba(0,0,0,1);
		width: 100%;
		clear: both;
		text-align: center;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.newnav{
		background: rgba(0,0,0,1)
	}

	.newnav ul{
		list-style-type: none;
		display: inline-block;	
	}
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 1181px to 1280px | Landscape */

/* media screen (min-with: 1281px) and (max-width: 1368px) | landscape */ 
@media screen and (min-width: 1281px) and (max-width:1368px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 1281px to 1368px | Landscape */

/* media screen (min-with: 1369px) and (max-width: 1440px) | landscape */ 
@media screen and (min-width: 1369px) and (max-width:1440px) 
and (orientation: landscape){    

	blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 1369px to 1440px | Landscape */

/* media screen (min-with: 1441px) and (max-width: 1920px) | landscape */ 
@media screen and (min-width: 1441px) and (max-width:1920px) 
and (orientation: landscape){
  
    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}

	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint 1441px to 1920px | Landscape */

/* media screen (min-with: 1081px) and (max-width: 2520px) | portrait */ 
@media screen and (min-width: 1081px) and (max-width: 2520px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 1.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;
		margin: 0rem 0rem .4rem 0rem;
	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
	
	.newnav ul li a#red{
		color: rgba(240,240,240,1);
	}
	
	.newnav ul li a#red:hover{
		color: rgba(255,0,0,1);
	}	

	.newnav ul li a#blu{
		color: rgba(240,240,240,1);	
	}	

	.newnav ul li a#blu:hover{
		color: rgba(0,115,255,1);	
	}	

	.newnav ul li a#grn{
		color: rgba(240,240,240,1);	
	}
		
	.newnav ul li a#grn:hover{
		color:rgba(0,174,155,1);	
	}	
	
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

    } /* close range breakpoint 801px to 820px portrait */

/* media screen (min-with: 1921px) and (max-width: 4480px) | landscape */ 
@media screen and (min-width: 1921px) and (max-width:4480px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	
	.mess{
		font-family: pobl;
		font-size: .9rem;
		margin: 0rem 0rem .4rem -4rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}

} /* close range breakpoint 1921px to 4480px | Landscape */

/* media screen (min-with: 1921px) and (max-width: 4480px) | landscape */ 
@media screen and (min-width: 4481px) and (orientation: landscape){
    blockquote{
        margin: 0px .3rem;
    }
    
   
    a.button{
    	background: linear-gradient( rgba(255,0,0,1),rgba(0,174,107,1), rgba(0,115,255,1));  
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	font-family: gebo;
    	font-size: 1.9rem;
    	color: rgba(0,0,0,1);
    }
    
    a.button:hover{
    	background: linear-gradient(rgba(0,174,107,.5),rgba(0,174,140,.5),rgba(0,115,255,.5));
    	text-decoration: none;
    	padding: .4rem .6rem;
    	margin: 1.2rem 0rem .4rem 0rem;
    	border: .1rem outset rgba(0,0,0,1);
    	border-radius: 2rem;
    	color: rgba(200,200,200,1);
    }    
    
    caption{
    	margin: .1rem auto .5rem auto;
    }
            
    .con {
    	font-family: chli;
    	font-size: 2.3rem;
    	font-weight: 450;
    	
    }
    
    .con a{
    	color: rgba(66,66,66,1);
    	text-decoration: underline;
    }
    
    .con a:hover{
    	text-decoration: none;
    	color: rgba(0,0,0,1);
    }
    
    .con strong{
    	font-family: chlib;
    	font-weight: 600;
    }
    
    .con strong#i{
    	font-family: chlbi;
    }
        
	.con h1{
		font-family: pobl;
		font-size: 3.5rem;
		text-align: center;

	}
        
	.con h2{
		font-family: chlbi;
		font-size: 1rem;
		text-align: center;
	}
             
	.con h3{
		font-family: chlbi;
		text-align: center;
		background: rgba(20,20,25,1);
		color: rgba(255,255,255,1);
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
	}

	.con h4{
		font-family: gebo;
		text-align: center;
		font-size: 1rem;
	}
	
	.con ul#res li{
		margin: .3rem auto .5rem -1.3rem;
	}

	.copy{
		background: rgba(0,0,0,1);
		color: rgba(255,255,255,1);
		text-align: center;
		padding: 1rem 0rem;
		font-family: geme;
		font-size: .9rem;
	}

	italic{
		font-family: chlbi;
	}
	
	.inpa{
		width: 85%;
		height: 5rem;	
		background: rgba(58,198,255,1);
		border-radius: .5rem;
		font-family: geli;
		font-size: .9rem;
		padding: .2rem 0rem 0rem .5rem;
	}
	
	.inpt{
		width: 85%;
		background: rgba(58,198,255,1);
		font-family: geli;
		font-size: .9rem;	
		padding: .2rem 0rem 0rem .5rem;
		border-radius: .5rem;
	}
	.nav{
		width: 97%;
		margin: .5rem auto;
		text-align: center;
	}
	
	.nav ul{ 
		display: inline-block;
		list-style-type: none;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: inline-block;
		font-family: pore;
	}
	
	.nav ul li a{
		display: inline-block;
		text-decoration: none;
		text-align: center;
		font-size: 1.8rem;
		color: rgba(0,100,0,1);
		padding: .7rem .4rem;
		border-radius: 2rem;
	}
	
	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		text-decoration:underline;
		text-decoration-color: rgba(0,0,123,1);
	}
		
	.links{}

	.portnav{
		background: rgba(0,0,0,1);
		font-family: gebl;
		font-size: 2rem;
		color: rgba(235,235,235,1);
		text-align: center;
	}
	
	.portnav a{
		color: rgba(255,255,0,1);
		text-decoration: none;	
	}
	
	.portnav a:hover{
		color: rgba(0,255,255,1);
		text-decoration: none;
	}	
	
    .respo{
        width:100%;
        height:auto;
    }

	.table{
		display: table;
		width: 98%;
		margin: 0rem auto;
	}

	.tr{
		display: table-row;
	}
	
	.tc{
		display: table-cell;
		font-family: chli;
		font-size: .9rem;
		color: rgba(0,0,255,1);
		text-align: center;
	}

	.tc caption{
		font-family: chli;
		font-size: -3rem;
		color: rgba(0,0,255,1);
	}
	
	.tnav{
		display: flex;
		justify-content: space-around;
		align-content: center;
		background: rgba(0,0,0,1);
	}
    
} /* close range breakpoint screens larger than 4481px | Landscape */