@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 1024px) {

.leftcolumn {
    float: left;
    width: 40%;
}

.rightcolumn {
    float: right;
	  width: 40%;
}

.column1 {

    width: 60% !important;
}

}



@media only screen and (max-width: 900px) {

.btn {
    float: left;
    display: block;
    padding: 5px 15px 5px 15px;
    color: #fff;
    background: #163f6c;
    margin-right: 2%;
    margin-top: -5px;
    width: 38%;
    font-size: 90%;
    text-align: center;
}

.content2 {
    font-family: 'open_sansregular';
    font-size: 16px;
    line-height: 120%;
    text-align: justify;
    color: #163f6c;
}

}

@media only screen and (max-width: 790px) {
.btn {
    float: left;
    display: block;
    padding: 5px 15px 5px 15px;
    color: #fff;
    background: #163f6c;
    margin-right: 2%;
    margin-top: -5px;
    width: 38%;
    font-size: 90%;
    text-align: center;
}

}


@media only screen and (max-width: 767px) {
.leftcolumn {
    float: left;
    width: 100%;
}

.column1 {
    width: 100% !important;
}	


.rightcolumn {
    float: right;
	  width: 100% !important;
}


}


@media only screen and (max-width: 654px) {
h2 {
    font-family: 'open_sansregular';
    font-size: 110%;
    text-align: left;
    color: #163f6c;
}	
}



@media only screen and (max-width: 538px) {

.content2 {

    font-size: 93%;
   
}
.btn {
     
	
width: 93%;
	font-size:100%;
	margin:0 0% 2% 0%;
}	
}