p{
line-height:1.7em;
}
.content{
padding-top:20px;
}
#logowhite{
background-color:#5BC088;
}
.logoleft{
flex-basis:400px;
flex-grow:0;
flex-shrink:0;
}
.logoleft a{
font-family:'Raleway', Verdana, Arial;
font-size:3em;
text-decoration:none;
color:#ffffff;
}
.menufixed .logoleft a{
font-size:2em;
-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.greenbox{
background-color:#5BC088;
padding:10px 20px 10px 20px;
color:#ffffff;
}
.greenbox h3{
color:#ffffff;
}
.greenbox a{
color:#ffffff;
text-decoration:none;
}
.greenbox a:hover{
text-decoration:underline;
}
.cjkicon{
background-size:50%;
background-position: center 20%;
}
.cjkicon:hover, .cjkicon:focus-within{
background-size:60%;
}
.cjkicon h4{
color:#ffffff;
text-align:center;
font-size:1.6em;
padding-top:60%;
font-family:'Raleway', Verdana, Arial;
font-weight:400;
}
.outerarea h2{
margin-bottom:35px;
color:#333333;
}
.outerarea h4{
font-size:1.6em;
}
.butfademask .buttonlink{
font-size:1em;
}
#lowerhr, .pagebuttons{
display:none;
}
#darkfooter2{
background-color:#F7F7F7;
}
#spectulise{
background-color:#F7F7F7;
color:#333333;
padding-top:22px;
padding-bottom:22px;
}
#spectulise a{
color:#333333;
text-decoration:none;
}
#spectulise p{
line-height:1.5em;
}
#spectulise .footerlogo{
font-size:2.4em;
line-height:0.9em;
font-family:'Raleway', Verdana, Arial;
color:#5BC088;
margin-bottom:20px;
}
#spectulise .footerlogo a{
color:#5BC088;
text-decoration:none;
}
#spectulise .footerlogo a:hover{
color:#333333;
}
#spectulise a:hover, #spectulise a:active, #legal a:hover{
text-decoration:underline;
color:#5BC088;
}
#spectulise div:not( :last-child ):not(:first-child){
border-left:1px solid #5BC088;
border-right:1px solid #5BC088;

}
#spectulise div:not(:first-child){
padding-left:2%;
padding-right:2%;
}
#spectulise h4{
font-size:2em;
margin:0px 0px 20px 0px;
padding:0px;
line-height:0.9em;
}
#spectulise ul{
font-size:0.9em;
margin-top:0px;
padding-left:20px;
columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap:25px;
}
#spectulise ul li{
list-style-type:none;
clear:both;
}
#spectulise ul li a:hover{
color:#5BC088;
}
#spectulise>div>ul>li:before{
content: "\f324";
font-family: "Font Awesome 5 Pro";
font-weight:normal;
margin:-2px 5px 0 -20px;
color: #5BC088;
float:left;
font-size:1.2em;
}
#spectulise strong{
font-size:1.2em;
}
@media only screen and ( max-width: 900px ){
.logoleft{
flex-basis:250px;
}
#spectulise .footerlogo{
font-size:2em;
}
               
                .logoleft a{
		font-size:2em;
        
	}}
    @media only screen and ( max-width: 800px ){
    .logoleft{text-align:center;
    flex-basis:auto;
               }
               #spectulise h4{
font-size:1.6em;
}
    }
    
 @media only screen and ( max-width: 600px ){   
 .content{
padding-top:10px;
}
    h1{
font-size:2em;
}
h2{
font-size:1.8em;
}

#spectulise h4{
font-size:1.6em;
}
    }
    
@media only screen and ( max-width: 500px ){    
    #spectulise>div{
                border:0px !important;
                }
                #spectulise div:not(:first-child){
padding-left:0%;
padding-right:0%;
}
                }