/* CSS Document */
body {
	
	
	}
	
#wrapper {
	min-width: 320px;
	max-width: 1200px;
	margin: 0 auto 20px;
	overflow: hidden;
}	

nav {
	min-width: 320px;    
    max-width:: 960px;
	margin: 25px auto;
    font-family: "Maven Pro", "sans serif";   
    position: relative;
	height: 64px;
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    
  
}
nav li {
	display: inline;
	float: left;
	width: 20%;
	text-align: center;

	 
} 
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}     .header1 {
	text-align: center;
}
nav a {  
    color: #fff;  
    display: inline-block;  
      
}  
nav li a {  
      
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
}  
nav li:last-child a {  
    border-right: 0;  
}  
nav a:hover, nav a:active {  
    background-color: #8c99a4;  
}  
#parag {
	min-width: 120px;
	max-width: 960px;
	margin: 0 auto;
}

nav a#pull {  
	text-decoration: none;
    display: none;
	width: 30px;
	height: 30px;
	  
} 


@media screen and (max-width: 600px) {  
    nav {   
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
        border-right: 1px solid #576979;  
    }  
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  
}  


@media only screen and (max-width : 480px) {  
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {
	display: block;
	background-color: #283744;
	width: 100%;
	position: relative;
    }  
    nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 5px;
		width: 30px;
		height: 30px;
	} 
}  

/*Smartphone*/
@media only screen and (max-width : 320px) {  
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
    }  
}  



#wrapper .buttontest {
	text-align: center;
	
}
.para1 {
	font-size: 20px;
	font-family: "Maven Pro", "sans serif";
	text-align: left;
	line-height: 28px;
}
#wrapper .header1 {
	color: #0080ff;
	font-size: 27px;
	font-weight: normal;
	font-family: "Maven Pro", "sans serif";
}
#wrapper .buttontest input {
	font-size: 20px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	border-radius: 4px;
	background-color: #363636;
	font-family: "Maven Pro", "sans serif";
	cursor: pointer;
	
}
#wrapper #parag .para1 a {
	color: #0080ff;
}
#wrapper #parag .para1 a:hover {
	color: #ff9933;
	}#wrapper #parag .para1 span {
	text-decoration: underline;
}
#english {
	float: left;
	width: 47%;
	border: 1px solid;
	padding: 0 10px;
}
#french {
	margin-left: 51%;
	border: 1px solid;
	padding: 0 10px;


	}