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


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

.leftcolumn {
    float: left;
    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: 24%;
    font-size: 68%;
}

.btn2 {
    padding: 5px 10px;
    color: #fff;
    margin-left: 2%;
    margin-bottom: 2%;
    background: #163f6c;
    font-size: 68%;
}

}

@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: 39%;
    font-size: 96%;
    text-align: center;
    margin-bottom: 3%;
}


.btn2 {
	 padding: 5px 15px 5px 15px;
  font-size: 96%;
    text-align: center;
}
}


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

.column1 {
    width: 100% !important;
}	

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

.btn2 {
   
    padding: 5px 15px 5px 15px;
    
  
   
    font-size: 100%;
    text-align: center;
   
}



}

@media only screen and (max-width: 695px) {
.btn {
   
    font-size: 90%;
    
}	
}

@media only screen and (max-width: 654px) {
.btn {
      margin-right: 2%;
    margin-top: -5px;
    width: 24%;
	font-size: 80%;

    
}	

h2 {
    font-family: 'open_sansregular';
    font-size: 110%;
    text-align: left;
    color: #163f6c;
}	
}


@media only screen and (max-width: 607px) {
.btn {
     
	font-size: 70%;

    
}	
}

@media only screen and (max-width: 538px) {
.btn {
     
	
width: 93%;
	font-size:100%;
	margin:0 0% 2% 0%;
}	

.content2 {

    font-size: 93%;
   
}
}



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

.btn2  {
    padding:5px 10px ;
   
	margin-left:2%;
	margin-bottom:2%;
    
   
}


}

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


.btn2  {
 float:left;
    
   
}


}