/*

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

grotto blue: rgba(14,135,139,1);
cream white: rgba(243,241,232,1);
dark blue: rgba(5,5,51,1);
burnt red: rgba(273,66,52,1);

***************
FONTS 

	font                          |                 font-family 
 
 axis.otf                                            | font-family: axis; 
 Brilon-Regular.ttf                               | font-family: bri; 
 Champagne-Limousines-Bold-italic.ttf  | font-family: chilboit;
 Champagne-Limousines-Bold.ttf          | font-family: chilbo;
 Champagne-Limousines-Italic.ttf         | font-family: chilit;
 Champagne-Limousines.ttf                 | font-family: chil;
 Jost-Black.ttf                                     |  font-family: jobl;
 Jost-Bold.ttf                                      |  font-family: jobo;
 Jost-ExtraBold.ttf                               |  font-family: joeb;
 Jost-ExtraLight.ttf                              |  font-family: joel;
 Jost-Light.ttf                                     |  font-family: joli;
 Jost-Medium.ttf                                 |  font-family: jome;
 Jost-Regular.ttf                                  |  font-family: jore;
 Jost-SemiBold.ttf                               |  font-family: josb;
 Jost-Thin.ttf                                      |  font-family: joth;
 Rowdies-Bold.ttf                               |  font-family: robo;
 Rowdies-Light.ttf                              |  font-family: roli;
 Rowdies-Regular.ttf                           |  font-family: rore;

*/

@font-face {
	font-family: "axis";
	src: url("../fonts/axis.otf");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


body{
	background: rgba(243,241,232,1);
	margin: 0px;
}

red{
	color: rgba(123,0,0,1);
	font-weight: 800;
}

/* media screen (min-width:320px) landscape & portrait */
@media screen and (max-width: 320px){

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 300px;
		height: 175px;
		margin: 0px auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
		margin: 0rem 0rem 0rem -2rem;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /*close breakpoint 320 portrait */

/* media screen (min-width:321px) and (max-height:360px) | portrait */
@media screen and (min-width:321px) and (max-height:360px) 
and (orientation: portrait){

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 390px;
		height: 240px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
		margin: 0px 0px 0px -37px;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.5rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}
	
} /* close range breakpoint 321px to 360px portrait */

/* media screen (min-width:361px) and (max-height:375px) | portrait */
@media screen and (min-width:361px) and (max-height:375px) 
and (orientation: portrait){

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 350px;
		height: 200px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
		margin: 0px 0px 0px -37px;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.5rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}
	
} /* close range breakpoint 361px to 375px portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 350px;
		height: 200px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
		margin: 0px 0px 0px -37px;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.5rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}
	
} /* close breakpoint 384 */

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

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 350px;
		height: 200px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
		margin: 0px 0px 0px -37px;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.5rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

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

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 350px;
		height: 200px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
		margin: 0px 0px 0px -37px;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 2rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

     blockquote{
        margin: 0px .3rem;
    }
    
    .cal{
    	width: 390px;
		height: 240px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 360px;
		height: 210px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* */ 
 
/* media screen (min-width: 541px) and (max-height: 600px) | portrait */ 
@media screen and (min-width: 541px) and (max-height: 600px) 
and (orientation: portrait){

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 1.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 541px to 600px portrait */
 
/* media screen (min-width: 601px) and (max-height: 640px) | portrait */ 
@media screen and (min-width: 601px) and (max-height: 640px) 
and (orientation: portrait){

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 2.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

/* media screen (max-width: 569px) and 640px | landscape */ 
@media screen and (min-width: 569px) and (max-height:640px) 
and (orientation: landscape){

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 2.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 569px to 640px | Landscape */ 

/* media screen (max-width: 641px) and 667px | landscape */ 
@media screen and (min-width: 641px) and (max-height:667px) 
and (orientation: landscape){

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 2.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 541px to 667px | Landscape */ 

/* media screen (min-width: 641px) and (max-height: 712px) | portrait */ 
@media screen and (min-width: 641px) and (max-height: 712px) 
and (orientation: portrait){

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 2.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 641px to 712px portrait */

/* media screen (max-width: 668px) and 736px | landscape */ 
@media screen and (min-width: 668px) and (max-height:736px) 
and (orientation: landscape){

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 1.4rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 1.8rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:1.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
	}
	
	.links a{
		font-family: chli;
		font-size: .9rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 2.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 668px to 736px | Landscape */ 

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 713px to 768px portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 713px to 768px portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 768 and portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 737px to 800px | Landscape */ 

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 769px to 800px portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 845px to 896px | Landscape */ 

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 821px to 900px portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 901px to 912px | portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: block;
	}
	
	.nav ul li{
		display: block;
		font-family: chlibo;
		font-size: 3.3rem;		
	}
	
	.nav ul li a{
		display: block;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 913px to 1024px | portrait */

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

     blockquote{
        margin: 0px .3rem;
    }
      
    .cal{
    	width: 500px;
		height: 360px;
		margin: 0rem auto;    	
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2.3rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 3rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.7rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
		padding: .5rem 0rem;
		display: flex;
		justify-content: space-evenly;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 100%;
		width: 100%;
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: inline;
	}
	
	.nav ul li{
		display: inline;
		font-family: chlibo;
		font-size: 1.2rem;		
	}
	
	.nav ul li a{
		display: inline;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:100%;
        height:auto;
    }

	.ressm{
		width: 100%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 913px to 1024px | portrait */

/* media screen (min-width: 1025px) and (max-height: 1080px) | portrait */ 
@media screen and (min-width: 1025px) and (max-height:1080px) 
and (orientation: portrait){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1025px to 1080px | portrait */

/* media screen (min-width: 897px) and (max-height: 932px) | landscape */ 
@media screen and (min-width: 897px) and (max-height:932px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 897px to 932px | Landscape */ 

/* media screen (min-width: 933px) and (max-height: 960px) | landscape */ 
@media screen and (min-width: 933px) and (max-height:960px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

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

/* media screen (min-width: 961px) and (max-height: 1024px) | landscape */ 
@media screen and (min-width: 961px) and (max-height:1024px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

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

/* media screen (min-width: 1025px) and (max-height: 1138px) | landscape */ 
@media screen and (min-width: 1025px) and (max-height:1138px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

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

/* media screen (min-width: 1039px) and (max-height: 1180px) | landscape */ 
@media screen and (min-width: 1139px) and (max-height:1180px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

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

/* media screen (min-width: 1181px) and (max-height: 1280px) | landscape */ 
@media screen and (min-width: 1181px) and (max-height:1280px) 
and (orientation: landscape){

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1181px to 1280px | Landscape */

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

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

} /* close range breakpoint 1281px to 1368px | Landscape */

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

     blockquote{
        margin: 0px .8rem;
    }
    
    .cal{
    	width: 1200px;
		height: 800px;
		margin: auto 500px;    	
    }

    .col{
    	display: table;
    	width: 95%;
    }
    
    .col1{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }

    .col2{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }
    
    .colrow{
    	display: table-row;
    	width: 95%;
    }
    
    .colwd{
    	display: table-cell;
    	width: 90%;
    	text-align: left;
    	padding: 1rem;
    }

	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.2rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
	}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,1);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 4rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size: 2.5rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 100%;
		align-items: center;
		justify-content: center;
		display: flex;
		padding: 2rem 0rem;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		width: 40%;
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.8rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
	}
	
	.links a{
		font-family: chli;
		font-size: 2rem;
		padding: 1rem 0rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 40%;
		width: 40%
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
	
	.nav ul li{
		display: inline;
		font-family: chlibo;
		font-size: 1.3rem;		
	}
	
	.nav ul li a{
		display: inline;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:40%;
        height:auto;
    }

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

/* media screen (min-width: 1441px) and (max-height: 1920px) | landscape */ 
@media screen and (min-width: 1441px) and (max-height:1920px) 
and (orientation: landscape){
  
     blockquote{
        margin: 0px .8rem;
    }
    
    .cal{
    	width: 1200px;
		height: 800px;
		margin: auto 500px;    	
    }
    
    .col{
    	display: table;
    	width: 95%;
    }
    
    .col1{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }

    .col2{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }
    
    .colrow{
    	display: table-row;
    	width: 95%;
    }
    
    .colwd{
    	display: table-cell;
    	width: 90%;
    	text-align: left;
    	padding: 1rem;
    }
    
	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.3rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
	}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 1.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,1);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 6rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size: 3.3rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 100%;
		align-items: center;
		justify-content: center;
		display: flex;
		padding: 2rem 0rem;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		width: 40%;
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.8rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		padding: 1rem 0rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 40%;
		width: 40%
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
	
	.nav ul li{
		display: inline;
		font-family: chlibo;
		font-size: 2rem;		
	}
	
	.nav ul li a{
		display: inline;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:40%;
        height:auto;
    }

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint 1441px to 1920px | Landscape */

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

    blockquote{
        margin: 0px .3rem;
    }

    .respo{
        width:100%;
        height:auto;
    }

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

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

     blockquote{
        margin: 0px .8rem;
    }
    
    .cal{
    	width: 1200px;
		height: 800px;
		margin: auto 0px 2rem 400px;    	
    }
    
    .col{
    	display: table;
    	width: 95%;
    }
    
    .col1{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }

    .col2{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }
    
    .colrow{
    	display: table-row;
    	width: 95%;
    }
    
    .colwd{
    	display: table-cell;
    	width: 90%;
    	text-align: left;
    	padding: 1rem;
    }
    
	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 3.3rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
		margin: 15px auto;
}

	strong.grn{
		font-family: joeb;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size: 2.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.6);
	}

	strong.not{
		font-family: jobo;
		color: rgba(123,0,0,1);
		font-weight: 700;
		font-size: 1.7rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 6rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size: 3.3rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 98%;
		align-items: center;
		justify-content: center;
		display: flex;
		padding: 2rem 0rem;
		margin: 0rem auto;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.8rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.human{
		background: rgba(0,215,215,.5);
		font-family: joli;
		color: rgba(0,0,0,1);
		font-size: 1.6rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		padding: 1rem 0rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 40%;
		width: 40%
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
	
	.nav ul li{
		display: inline;
		font-family: chlibo;
		font-size: 2rem;		
	}
	
	.nav ul li a{
		display: inline;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:40%;
        height:auto;
    }

	.ressm{
		width: 25%;
		height: auto;
		border-radius: 1rem;
	}

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

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

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

     blockquote{
        margin: 0px .8rem;
    }
    
    .cal{
    	width: 1200px;
		height: 800px;
		margin: auto 500px;    	
    }
    .col{
    	display: table;
    	width: 95%;
    }
    
    .col1{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }

    .col2{
    	display: table-cell;
    	width: 45%;
    	text-align:left;
    	padding: 0rem 1rem;
    }
    
    .colrow{
    	display: table-row;
    	width: 95%;
    }
    
    .colwd{
    	display: table-cell;
    	width: 90%;
    	text-align: left;
    	padding: 1rem;
    }
	.con{
		font-family: jore;
		color: rgba(79,79,79,1);
		font-size: 2rem;
		width: 100%;
	}
	
	.con a{
		color: rgba(238,138,0,1);
		text-decoration-color: rgba(0,0,255,1);
	}

	.con a:hover{
		color:rgba(0,0,255,1);
		text-decoration-color:rgba(238,138,0,1);
	}
	
	.con strong{
		font-family: chlibo;
		color: rgba(89,199,255,1);
		font-weight: 700;
		font-size: 2.5rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.3);
		text-align: center;
		width: 90%;
		margin: 1rem auto;
	}

	strong.grn{
		font-family: jobo;
		color: rgba(70,214,0,1);
		font-weight: 700;
		font-size:3.4rem;
		text-shadow: 1px 2px 1px rgba(0,0,0,.5);
	}

	.con h1{
		font-family: jobl;
		color: rgba(227,56,52,1);
		font-size: 6rem;
		text-align: center;
	}

	.con h2{
		font-family:rore;
		text-align: center;
		color: rgba(14,135,139,1);
		font-size:3.3rem;
		text-shadow: .2rem .1rem .2rem rgba(120,120,255,.6)
	}

	.con h3{
		font-family: joeb;
		color: rgba(273,66,52,1);
		text-align: center;
	}

	.con h4{}
	
	.con ul{
		list-style-type: none;
		margin: .3rem auto auto -1.8rem;
	}
	
	.con ul li{
		font-family: jobo;
		color: rgba(0,123,0,1);
		margin: 1rem auto 2rem auto;
	}
	
	.con ul li ul li{
		font-family: jore;
		color: rgba(0,0,0,1);
		font-size: 1.1rem;	
		margin: .5rem auto auto auto;		
	}
	
	.contain{
		width: 100%;
		align-items: center;
		justify-content: center;
		display: flex;
		padding: 2rem 0rem;
	}
	
	.contain con{
		width: 40%;
	}
	
	.contain img{
		width: 40%;
		height: auto;
	}

	.copy{
		font-family: chlibo;
		font-size: 1.8rem;
		text-align: center;
		color: rgba(243,241,232,1);
		background: rgba(5,5,51,1);
		padding: .02rem 0rem;
	}

	.inp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}
	
	textarea.inp{
		border: 1px solid rgba(14,135,139,1);
		border-bottom: 3px solid rgba(14,135,139,1);
		color: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
	}

	.tinp{
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(0,0,0,.5);
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,241,232,1);
		border-bottom: 3px solid rgba(200,200,200,1);
		margin: .5rem auto .2rem auto;
	}

	.inpr{
		font-family: jome;
		font-size: 1.2rem;
		background: rgba(243,241,232,1);
		border: 1px solid rgba(243,0,0,.3);
		border-bottom: 2px solid rgba(123,0,0,1);
		width: 90%;
		margin: .5rem auto .2rem auto;
	}

	.links{
		text-align: center;
	}
	
	.links a{
		font-family: chli;
		font-size: 1.3rem;
		padding: 1rem 0rem;
		text-align: center;
		color: rgba(46,97,156,1);
		text-decoration-color: rgba(255,133,41,1);
	}
	
	.links a:hover{
		font-family: chli;
		text-align: center;
		text-decoration: none;
	}

	.logo{
		width: 100%;
		text-align: center;
	}
	
	.logo img{
		height: 40%;
		width: 40%
	}

	.nav{
		width: 97%;
		margin: 0rem auto;
	}
	
	.nav ul{
		list-style-type: none;
		display: flex;
		justify-content: space-between;
	}
	
	.nav ul li{
		display: inline;
		font-family: chlibo;
		font-size: 2rem;		
	}
	
	.nav ul li a{
		display: inline;
		text-decoration: none;
		margin: .07rem 0rem .07rem 0rem;
		text-align: center;
		background: none;
		border: none;
		padding: 3px 8px;
		border: .3rem solid rgba(243,241,232,1);
		border-radius: 2rem;
		color: rgba(44,44,44,1);
	}

	.nav ul li a:hover{
		color: rgba(123,0,0,1);
		background: radial-gradient(rgba(215,215,255,1), rgba(255,255,255,1), rgba(215,215,255,1));
		border: .3rem solid rgba(123,0,0,1);
		border-radius: 2rem;
	}

    .respo{
        width:40%;
        height:auto;
    }

	.submit{
		background: rgba(14,135,139,1);
		font-family: jome;
		font-size: 1.2rem;
		color: rgba(243,241,232,1);
		padding: .8rem .6rem;
		border-radius: 2px outset rgba(123,0,0,1);
		border-radius: 2rem;
	}
	
	.submit:hover{
		background: rgba(123,0,0,1);
		border: 2px outset rgba(14,135,139,1);
		color: rgba(255,255,255,1);
	}

} /* close range breakpoint screens larger than 4481px | Landscape */