body {
color : #222;
line-height : 1.4;
font-size : 62.5%;
font-family : 'Cantarell', Helvetica, sans-serif;
background-color : #FBF7E6;
}
.clearfix:before, .clearfix:after {
content : " ";
display : table;
}
.clearfix:after {
clear : both;
}

a:visited {
text-decoration : none;
}
a {
display : inline;
color : inherit;
text-decoration : none;
}
.container a {
display : block;
}
article a {
text-decoration : underline;
color:#7a1515;}
h1 {
font-size : 1.2em;
font-weight : bold;
padding-top : 0.8em;
margin-top : 0.8em;
margin-bottom : 0.8em;
color : #7a1515;
text-align : center;
}
.container h1 {
font-size : 1.8em;
font-family : 'Muli', Helvetica, sans-serif;
margin-top : 0;
margin-bottom : 0;
padding-top : 1em;
padding-bottom : 1em;
font-weight : normal;
float : left;
color : inherit;
}
article div h2 {
margin-bottom : 0;
margin-top : 1.5em;
text-align : center;
font-size : 0.8em;
font-family : 'Lato', Helvetica, sans-serif;
letter-spacing : 0.07em;
color : #7a1515;
}
ul {
list-style : none;
margin : auto;
margin-top : 0.6em;
margin-bottom : 1.5em;
}
nav ul {
padding-left : 0;
list-style-type : none;
margin-top : 0;
margin-bottom : 0;
padding-top : 2em;
}
article ul {
text-align : left;
}
.service ul {
display : table;
padding-left : 0;
}
nav li {
float : left;
padding-left : 1.8em;
}
nav li:first-child {
margin-left : 0;
padding-left : 0;
}
article li {
margin-top : 0.2em;
text-indent : -0.7em;
}
article li:before {
content : '\b7\a0';
color : black;
}
article p:first-child {
margin-top : 1.7em;
}
article div p, article div p:first-child {
margin : 0.4em 0 1.5em;
}
.service p {
margin : 0;
}
.immigration p {
clear : both;
margin : 0;
}
.immigration ul li ul{
margin-top: 0em;
margin-bottom: 0em;
}
.service .note {
margin : 1.5em 0 2.5em;
}
.immigration .note {
margin : 1.5em 0 1em;
}
.hello {
padding-left : 2.5%;
text-align : left;
}
footer p {
margin-bottom : 0.2em;
font-size : 1.4em;
margin-top : 2em;
}
header {
background-color : #843838;
}
.container {
width : 80%;
margin : auto;
font-size : 1.6em;
max-width : 1700px;
color : #f2e4db;
}
.container2 {
float : right;
text-align : right;
padding-top : 0.6em;
}
.service, .immigration {
width : 70%;
}
.immigration div {
width : 48.5%;
padding-right : 0.5%;
padding-left : 0.5%;
}
.business {
width : 80%;
}
footer {
text-align : center;
}
.dropdown {
position : relative;
display : inline-block;
}
.dropdown-content {
box-shadow : 0.1em 0.1em 0.1em #411414;
min-width : 16em;
text-align : center;
margin-left : -5em;
font-size : 0.8em;
display : none;
position : absolute;
background-color : #843838;
padding : 0.1em 0.1em;
z-index : 1;
}
.dropdown-content li {
padding : 0.8em 0;
width : 100%;
margin : auto;
}
.dropdown:hover .dropdown-content {
display : block;
}
.dropdown:hover .dropdown-content.supports-touch {display:none;}
.index {
color : #FEFAE4;
font-family : 'Raleway', Georgia, serif;
}
.index p {
position : absolute;
margin-left : 71%;
margin-top : 3.5em;
letter-spacing : 0.03em;
font-size : 4.4em;
}
.index p:first-child {
margin-top : 1.5em;
margin-left : 61%;
}
article {
font-size : 1.8em;
margin : auto;
text-align : center;
max-width:1180px;
width : 60%;
}
article div {
width : 45%;
float : left;
padding-right : 2.5%;
padding-left : 2.5%;
text-align : justify;
}
.service {
font-size : 1.8em;
margin : auto;
}
.service .note {
text-align : center;
}
.note {
font-style : italic;
color : #7a1515;
}
.note a {
text-decoration:none;
}
.index, .image, .servim, .contact {
max-width : 1950px;
margin : 0 auto;
background-size : cover;
}
.index {
padding-bottom : 34%;
background : url('images/home.jpg') center no-repeat;
background-size : cover;
}
.image {
padding-bottom : 34%;
background : url('images/about.jpg') center no-repeat;
background-size : cover;
}
.servim {
padding-bottom : 23%;
background : url('images/services.jpg') center no-repeat;
background-size : cover;
}
.contact {
padding-bottom : 23%;
background : url('ssl/images/contact.jpg') center no-repeat;
background-size : cover;
}
.right {float:right;
}
.thankyou, .thankyou div {
float:none;
margin:auto; 
width:auto;
}
.thankyou iframe {
width:50%;
}
.thankyou a{
text-decoration:none; 
color:inherit;
}
iframe {
max-width:760px;
width:90%;
padding-top:2em;
margin : auto;
display : block;
}
.address {
display : table;
text-align : center;
}
#margin {
margin: 1.5em 0 2.5em;}
.wrapper {
width : auto;
max-width : 580px;
margin : auto;
}
form h1 {
line-height : 1.4em;
font-size : 24px;
margin-bottom : 8px;
}
form h2 {
line-height : 1.2em;
font-size : 20px;
}
#formp {
margin : 15px 0;
}
form a {
color : #42241b;
font-size : 16px;
text-decoration : none;
}
form a:hover {
color : #000;
text-decoration : underline;
}
.error_strings {
font-style : italic;
color : black;
}
#contact_form {
width:auto;
border-radius : 4px;
padding : 0 25px;
}
#ff label {
cursor : pointer;
margin : 4px 0;
color : #7a1515;
font-size : 0.8em;
font-family : 'Lato', Helvetica, sans-serif;
letter-spacing : 0.07em;
display : block;
font-weight : 700;
}
span {
display: block;
}
input, textarea {
display : block;
width : 90%;
border-radius : 4px;
color : #000;
font-weight : normal;
border : #5f5f5f solid 1px;
padding : 10px;
margin-bottom : 15px;
}
input[type="checkbox"] {
display : block;
margin : auto;
margin-bottom : 1em;
border:none;
max-width:20px;
}
select {
margin-bottom : 15px;
}
.sendButton {display:block;margin:auto;
	margin-bottom:1em;
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #CADBDF;
	-webkit-box-shadow:inset 0px 1px 0px 0px #CADBDF;
	box-shadow:inset 0px 1px 0px 0px #CADBDF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CADBDF), color-stop(1, #696C6B) );
	background:-moz-linear-gradient( center top, #CADBDF 5%, #696C6B 100% );
	background-color:#CADBDF;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:1px solid #CADBDF;
	color:#7a1515;
	font-family:'Lato', Helvetica, sans-serif;
	font-size:14px;
	width:25%;
	font-weight:bold;
	
}
.sendButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D3BFB2), color-stop(1, #CADBDF) );
	background:-moz-linear-gradient( center top, #D3BFB2 5%, #CADBDF 100% );
	background-color:#EFECEA;
}


fieldset {
border : 0;
margin : 0;
padding : 0;
}
@media screen and (min-width:1560px) {
.index p {
font-size : 5.4em;
}
}
@media screen and (max-width:1400px) {
.index p {
margin-left : 68%;
font-size : 3.4em;
}
.index p:first-child {
margin-top : 1.5em;
margin-left : 58%;
}
}
@media screen and (max-width:1320px) {
article {
width : 70%;
}
.immigration ul li ul, .immigration ul li ul li {
margin-top : 0;
margin-bottom : 0;
}
}
@media screen and (max-width:1260px) {
.service .note, .immigration .note, article .note {
margin : 1em 0 0.1em;
text-align : center;
}
.article, .service {
width : 80%;
}
.immigration {
width : 86%;
}
}
@media screen and (max-width:1024px) {
.index p {
font-size : 3em;
}
.service p, .immigration p, article p:first-child {
text-align : justify;
}
.address p, .thankyou p{
text-align : center;
}
article, .service {
width : 86%;
}
.container {
width : 95%;
}
.container2 {
margin-top : 0.4em;
}
nav ul {
padding-top : 1em;
}
}
@media screen and (max-width:900px) {
article div h2 {
margin-top : 0;
}
.container h1, .container2, .container2 a, nav {
width : 100%;
text-align : center;
display : block;
padding : 0;
}
.container2 {
margin : 0;
}
nav ul {
display : inline-block;
margin-top : 0.4em;
padding-top : 0;
}
.container2 a {
margin-top : 0.1em;
}
h1 {
font-size : 0.9em;
padding : 0.1em;
}
.index p {
font-size : 2.4em;
}
}
@media only screen 
    and (max-device-width: 768px) {
.dropdown:hover .dropdown-content {
display : none;
}
.note a {
text-decoration:underline;
}
}
@media screen and (max-width:768px) {
.index p {
font-size : 2em;
}
.wrapper {
float: none;
}
.hello {
padding : 0;
}
article div, .immigration div {
width : 100%;
padding : 0;
}
article div, .service p, .immigration p, article p:first-child {
text-align : left;
}
.address p, .thankyou p{
text-align : center;
}
}
@media screen and (max-width:600px) {
.index p {
margin-left : 68%;
font-size : 1.4em;
}
.index p:first-child {
margin-left : 58%;
}
.container {
font-size : 1.4em;
}
.immigration {
width : 96%;
}
article p, article div p, .immigration ul {
margin : 0.2em 0 0.5em;
}
.immigration ul {
padding-right : 0.7em;
}
}
@media screen and (max-width:400px) {
.index p {
font-size : 1.3em;
}
}
@media screen and (max-width:340px) {
.index p {
font-size : 1em;
}
.container {
font-size : 1.4em;
}
nav li {
width : 50%;
padding : 0;
}
.container2 nav a {
text-align : left;
}
nav ul {
padding-left : 10%;
}
}