* {
 box-sizing: border-box;
}
body {
 text-align: center;
}
.head { 
	background: url(/img/141.png); 	
 	background-size: cover;
 	background-repeat: no-repeat; 		
 	height: 680px;
}
h1 {
 	font-family: 'PT+Serif', sans-serif; 
 	font-size: 45px;
 	color: #29448a;
 	padding-top: 50px;
 	font-weight: 700; 	 	
} 
h2 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 40px;
    padding-top: 5px;
 	color: #37889b;
 	font-weight: 700; 		
}
h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    padding-top: 100px;
 	color: #37889b;
 	font-weight: 500;  		 
}
h4 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    padding: 70px 0px 0px 60px;    
 	color: #a6463a;
 	font-weight: 700; 
 	text-align: justify;	 	 
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;    
 	color: #37889b;
 	font-weight: 900;  
 	padding-top: 40px;	 
}
.big {
	font-family: 'PT+Serif', sans-serif;
	font-size: 25px;
	color: #29448a;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 100;
	color: #002556;		
}
a {
	color: #d88208;
	text-decoration: none;
}
a:hover {    	
	text-decoration: underline; 
}
.title {
	display: inline-block;
	width: 56%;	
	margin-left: -15px;
}
.block {
	display: inline-block;
	margin: 0 auto;
}
.block img {
	float: left;
	padding: 63px 0px 0px 0px;		
}
.form {
	display: inline-block;
	width: 42%;		
	margin-left: -30px;	
	margin-bottom: 30px;
}
.wrap1 {
	display: table;	
	height: 320px;
	width: 100%;	
}
.wrapform {
	display: table-cell;
	vertical-align: middle;
}
form {
	border: 2px solid #a6463a;
	border-radius: 10px;
	padding: 0px 0px 70px;
	margin: 0 50px;
}
input {
	display: block;
	width: 86%;
	height: 50px;
	border: none;
	border-radius: 3px;
	margin: 30px auto;
	padding-left: 20px	
} 
input:focus {
	outline: none;
}
button {	
	width: 86%;
	height: 50px;
	background-color: #a6463a;
	border: none;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: 'PT+Serif', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
button:hover { 
	transition: all 1s;
	font-size: 17px;
	box-shadow: 0px 0px 0px 2px #a6463a;	
}
.recipient {
	padding: 50px 0px;	
}
.text1, .text2 {
	display: inline-block;	
	width: 49%;
	padding-top: 30px;
	vertical-align: top;
}
.recipient img {
	float: left;
	padding: 20px 0px 0px 40px;		
}
.recipient p {
	padding: 18px 50px 0px 70px;
	text-align: justify;
	color: #37889b;
}
.list {
	margin-bottom: 50px;	
}
.list h2 {
	padding: 50px 0 10px;	
}	
.list img {
	float: left;
	padding: 25px 0px 0px 0px;		
}
.list p {
	padding: 18px 0px 0px 25px;
	text-align: justify;
	color: #37889b;	
}
.wraplist {
    margin-left: 20px;
}
.wrap {
	width: 800px;
	margin: 0px auto;	
}
.author {	
	background-color: #d0e3e7;
	background: radial-gradient(#d0e3e7, #fff);
	padding: 50px 0px;
}
.author h2 {
	padding-bottom: 40px;
}
.authorimg {
	display: inline-block;
	width: 40%;
}
.wrap2 {
	display: table;	
	height: 242px;
	width: 100%;		
}
.wrapimg {
	display: table-cell;
	vertical-align: middle;
}
.authortext {
	display: inline-block;
	width: 59%;
	height: 100%;
	margin-bottom: 35px;
}
.authortext h3 {
	font-family: 'Roboto', sans-serif;
    font-size: 22px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 160px;
    text-align: justify;
 	color: #29448a;
 	font-weight: 900; 
}
.authortext img {
	float: left;
	padding: 7px 0px 0px 0px;
}
.authortext p {	
	font-size: 18px;
	font-weight: 300;
	text-align: justify;
	padding: 0px 70px 5px 20px;
}
.wrap3 {
	display: table;	
	height: 195px;
	width: 100%;			
}
.wraptext {
	display: table-cell;
	vertical-align: middle;	
}
.foot {
	padding: 50px 0px 20px;
    background-color: #d0e3e7;
    background: radial-gradient(#d0e3e7, #fff);
}
.foot h4 {
	font-family: 'PT+Serif', sans-serif;
	font-size: 25px;
	color: #29448a;
	padding: 0px 150px 50px;  	
 	font-weight: 700; 
 	text-align: center;	
}
.foot p {
    padding: 0px 250px 20px;
}
.form1 {	
	width: 42%;	
	margin: 0 auto 30px;	
}
.copyriht {
	color: #37889b; 
}
@media (min-width: 992px) and (max-width: 1199px) {
.form {	
	margin-left: -20px;		
}
form {		
	margin: 0 40px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h1 { 	
 	padding-top: 30px; 		 	
}
h2 {
	display: inline-block;
	font-size: 35px;
	padding: 15px 5px 0px;
} 
h3 {    
    padding-top: 20px; 	 		 
}
h4 {    
    padding: 45px 0px 0px 60px;  		 	 
}
h5 { 	
 	padding-top: 20px;	 
}
.title {	
	width: 100%;	
	margin-left: 0px;
}
.block img {	
	padding: 33px 0px 0px 0px;		
}
.form {	
	width: 47%;
	margin-left: 0px;
	margin-top: 15px;
}
form {		
	margin: 0 0px;
	padding: 0px 0px 40px;	
}
.wrap {
	width: 650px;		
}
.author h2 {
	padding-bottom: 20px;
}
.authorimg {	
	width: 100%;
}
.authortext {	
	width: 100%;
	margin-bottom: 0px;	
}
.wrap3 {
	padding-top: 10px;			
}
.authortext h3 {    
    padding-left: 0px;
    text-align: center; 	 
}
.block1 {
	width: 80%;
	margin: 0 auto;
	padding-top: 10px;
}
.authortext img {	
	padding: 6px 0px 0px 0px;
}
.authortext p {	
	padding: 0px 0px 5px 20px;
}
.foot h4 {	
	padding: 0px 70px 50px;  		
}
.foot p {
    padding: 0px 120px 20px;
}
.form1 {	
	width: 47%;			
}
}
@media (min-width: 480px) and (max-width: 767px) {
.head { 			
 	height: 570px;
}
h1 { 
    font-size: 36px;
 	padding: 20px 10px 0px; 		 	
}
h2 {
	display: inline-block;
	font-size: 30px;
	padding: 10px 5px 0px;
} 
h3 {
    font-size: 20px;    
    padding-top: 20px; 	 		 
}
h4 {    
    padding: 30px 0px 0px 60px;  		 	 
}
h5 { 
    font-size: 25px;	
 	padding-top: 15px;	 
}
.title {	
	width: 100%;	
	margin-left: 0px;
}
.block img {	
	padding: 19px 0px 0px 0px;		
}
.form {	
	width: 65%;
	margin-left: 0px;
	margin-top: 0px;
}
.wrap1 {		
	height: 250px;		
}
form {		
	margin: 0 0px;
	padding: 0px 0px 30px;	
}
input {	
	height: 40px;	
	margin: 20px auto;
	padding-left: 20px	
} 
button {		
	height: 40px;	
    font-size: 14px;   
}
.recipient {
	padding: 20px 0px;	
}
.recipient h2 {
	padding: 0px 20px;
}
.text1, .text2 {	
	width: 99%;
	padding-top: 10px;	
}
.list {
	margin-bottom: 30px;	
}
.list h2 {
	padding: 30px 0 0px;	
}
.wraplist {
    margin-left: 0px;
}
.wrap {
	width: 90%;		
}
.author {	
	padding: 30px 0px;
}
.author h2 {
	padding-bottom: 20px;
}
.authorimg {	
	width: 100%;
}
.authortext {	
	width: 100%;
	margin-bottom: 0px;	
}
.wrap3 {
	padding-top: 10px;			
}
.authortext h3 {    
    padding-left: 0px;
    text-align: center; 	 
}
.block1 {
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}
.authortext img {	
	padding: 6px 0px 0px 0px;
}
.authortext p {	
	padding: 0px 0px 5px 20px;
}
.foot {
	padding: 30px 0px 20px;    
}
.foot h4 {
    font-size: 24px;		
	padding: 0px 10px 30px;  		
}
.foot p {
    padding: 0px 10px 20px;
}
.form1 {	
	width: 65%;
	margin: 0 auto 20px;			
}
}
@media (max-width: 479px) {
.head { 			
 	height: 670px;
}
h1 { 
    font-size: 36px;
 	padding: 20px 10px 0px; 		 	
}
h2 {
	display: inline-block;
	font-size: 30px;
	padding: 10px 5px 0px;
} 
h3 {
    font-size: 20px;    
    padding-top: 20px; 	 		 
}
h4 {    
    padding: 30px 0px 0px 60px;  		 	 
}
h5 { 
    font-size: 25px;	
 	padding-top: 15px;	 
}
.title {	
	width: 100%;	
	margin-left: 0px;
}
.block img {	
	padding: 19px 0px 0px 0px;		
}
.form {	
	width: 75%;
	margin-left: 0px;
	margin-top: 0px;
}
.wrap1 {		
	height: 250px;		
}
form {		
	margin: 0 0px;
	padding: 0px 0px 30px;	
}
input {	
	height: 40px;	
	margin: 20px auto;
	padding-left: 20px	
} 
button {		
	height: 40px;	
    font-size: 14px;   
}
.recipient {
	padding: 20px 0px;	
}
.recipient h2 {
	padding: 0px 15px;
}
.text1, .text2 {	
	width: 100%;
	padding-top: 10px;	
}
.recipient img {	
	padding: 20px 0px 0px 20px;		
}
.recipient p {
	padding: 17px 20px 0px 50px;	
}
.list {
	margin-bottom: 20px;	
}
.list h2 {
	padding: 20px 0 0px;	
}
.wraplist {
    margin-left: 0px;
}
.wrap {
	width: 90%;		
}
.author {	
	padding: 20px 0px;
}
.author h2 {
	padding-bottom: 20px;
}
.authorimg {	
	width: 100%;
}
.authortext {	
	width: 100%;
	margin-bottom: 0px;	
}
.wrap3 {
	padding-top: 10px;			
}
.authortext h3 {    
    padding-left: 0px;
    text-align: center; 	 
}
.block1 {
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}
.authortext img {	
	padding: 6px 0px 0px 0px;
}
.authortext p {	
	padding: 0px 0px 5px 20px;
}
.foot {
	padding: 30px 0px 20px;    
}
.foot h4 {
    font-size: 24px;		
	padding: 0px 10px 30px;  		
}
.foot p {
    padding: 0px 10px 20px;
}
.form1 {	
	width: 75%;
	margin: 0 auto 20px;			
}
}