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

@media screen and (min-width: 350px){
/* #1d3a63 dark blue*/
/* #25ace3 Powder blue*/
/* #e6e7e8  bar grey*/
/* #d1d3d4 underline grey*/
/* #939598 font grey*/	
/*font-family: 'Encode Sans Expanded', sans-serif;*/
/*********************************************BETWEEN MOBILE AND TABLET*********************************************************/
}







@media screen and (min-width: 450px) {
/* #1d3a63 dark blue*/
/* #25ace3 Powder blue*/
/* #e6e7e8  bar grey*/
/* #d1d3d4 underline grey*/
/* #939598 font grey*/
/*font-family: 'Raleway', sans-serif;*/
/********************************************************TABLET STYLES START HERE***********************************************/	




/**********************************Navigation styles********************************************/

/*turns of email and phone number and leaves clickable icons*/
#email_voyant, #contact_voyant{
display:inline;
}

.contact_holder_nav li{
padding-top:4px;
}


.contact_holder_nav li img{
width:25px;
height:25px;
transition:0.9s;
}

/*******controls normal state of contact navigation acnhors********/
.contact_holder_nav a strong{ 
color:#1d3a63;
font-size:0.9em;
font-weight:900;
}

.contact_holder_nav a p{ 
color:#FFFFFF;
transition:0.9s;
font-size:0.8em
}

/*******controls hover state of contact navigation acnhors********/
.contact_holder_nav a p:hover{
color:#1d3a63;
transition:0.9s;
}


/****************about us styles************************/
.about_holder{
overflow:hidden;
background-image:url(../images/about_us_desktop.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
}


#brand_bar{
background-image:url(../images/voyant_bar_tablet.png);
width:100%;
height:150px;
}




/******about us text styles******/

.about_details li p{
font-size:1.2em;
clear:both;
}
	
.about_details li:nth-child(1){
width:249px;}
	
.about_details li h1{
font-size:3.2em
}
	
.underline{
width:64px;
float:right;
border-top:7px solid #1d3a63;
margin-bottom:60px;
}
	
.mobile_lbreak{
display:none;
}



/******Services styles******/

.services_holder{
padding:15% 5% 15% 5%;
}
	
.services_title h1{
font-size:3.2em		
}

.chartering{
height:300px;
}
	
.demurrage_claims{
background-image:url(../images/DEMURRAGE_and_CLAIMS.jpg);
height:300px;
}
	
	
.sale_purchase{
background-image:url(../images/sale_desktop_tablet.jpg);
height:300px;
}
	
.services_body{
font-size:1.2em;
}
/************************************gooogle map*******************************************/
.Google_map_holder{
width:100%;
height:300px;
display:block;
overflow:hidden;
}

.g_map{
width:100%; 
height:346px;
margin-top:-46px;
}

/***************************************Contact us************************************************/

.Contact_us_area{
border-top:8px solid #25ace3;
overflow:hidden;
background-image:url(../images/contact_us.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
min-height:400px;
width:100%;
height:auto;
transition:0.2s;
}

.contact_heading li{
overflow:hidden;
width:305px;
}



.contact_heading li h1{
font-size:3.2em;
color:#E2F4FF;
font-family: 'Encode Sans Expanded', sans-serif;
margin:0 0 0 0;
transition:0.9s;
}
	
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
.contact_heading li{
overflow:hidden;
width:310px;
}
}

@media screen and (min-width: 550px){
/*********************************************BETWEEN TABLET AND DESKTOP*********************************************************/


.main_nav li {
width:100%;
border-top: 1px solid #e6e7e8;
}


/********google map styles*******/
.Google_map_holder{
height:260px;
	}

.g_map{
height:306px;
	 
}	


/***************************contact us styles******************************/

.contact_details li{
width:20%;
float:left;
}

	.contact_details li:nth-child(6){
		padding-top:30px;
		
	}

.brand_filter{
overflow:hidden;
background-image:url(../images/v.png);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
height:auto;
transition:0.2s;
}

.contact_details{
font-size:1.2em;
}



}