@charset "UTF-8";
/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    color: #333;	
}
h1{
	font-weight:300;
    font-size: 28px;
    line-height: 39px;
	margin-bottom: 0px;
}
h2{
	font-weight:300;
	font-size: 20px;
}
h2.blue{color:#124eac;}
h2.grey{color:#808080;}
h2.green{color:#7ac943;}
h2.orange{color:#ff931e;}
.right-box{background-color:#E6E7E8;}
.logo img{width:320px;}
.entry-text h1{
	margin-bottom: 20px;
	font-weight:300;
	font-size:28px;
}
div.blue{background: url(images/home/ico_admin.png);}
div.grey{background: url(images/home/ico_employer.png);}
div.green{background: url(images/home/ico_sponsor.png);}
div.orange{background: url(images/home/ico_member.png);}
#welcome{
	width:60%;
}
#options{	
	background-color: #E6E7E8;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
	width:40%;
}
.image-div{
	width:100%;
    top: 15%;
    z-index: -9;	
	text-align: center;
}
.image-div img {
    width:300px;
	max-width: 90%;	
}
.image-div .floated img{
    max-width: 100%;
	width:100%;
	padding-left:0;
}
.floated{
	margin-top: 25px;
	width:100%;
	margin-bottom: 12px;	
}
.line{
	width: 86px;
    height: 25px;
    margin: auto;	
}
.box .button {
	display:flex;
    background-repeat: no-repeat;
    background-position: left center;
	padding-left:60px;
	//margin:23px 0;
	margin-bottom: 5px;
    margin-top: 5px;
}
.box .button:hover {opacity:0.7;}
.box .button img{
	float:left;
	width: 50px;
    height: 100%;
    padding-top: 9px;
}
.left{padding-top:8%}
.right a{text-decoration:none;}
.right, .leftwrap{
	margin-left: 30px;
	padding:20% 30px 0;
	margin-top:80px;
}
.footer{
	font-size:12px;
    bottom: 0;
    width:100%;
}
.footer span{font-weight:600;}
.footwrap{
	padding:20px;
	text-align: center;	
}
.foot_links a{
    color: #888;
    text-decoration: none;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 33px;
    font-weight: 300;
}
.foot_links a:hover{
	text-decoration:underline;		
}

@media (max-width: 940px) {
.image-title {
	padding: 140px 30px 0;
}
}

@media (max-width: 768px) {
#options, #welcome{
	position:relative;
	width:100%;	
	padding-top:0;
}
.left {
    padding-top: 8%;
}
.right{
	padding-top:5%;
	padding-bottom: 60px;
	margin-top:0;}
.image-title{
	padding: 40px;
	padding-top:100px;
	padding-bottom: 120px;
}
.image-div{
	width:100%;
    top: 0;
}
.image-div .floated img {
	width:auto;
}
.footer{
	position:relative;
	width:100%;
}
.footwrap{
	text-align:left;
	padding: 30px;
}

.floated {
	margin-bottom:0;
    background-color: #E6E7E8;
}
}

@media (max-width: 480px) {
h2 {
    font-size: 25px;
}	
}

@media (max-width: 426px) {
.right {
    padding: 10px;
}
.image-title {
    padding: 100px 20px 120px;
}	
}

@media (max-width: 321px) {
h2 {
    font-size: 19px;
}
}

@media (min-width: 1380px) {
h2 {
    font-size: 27px;
}	
.box .button {
    margin: 30px 0;
}
}