/* Large desktop */
@media (min-width: 1200px) {
	#content { min-height : 600px;}
	}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#content { min-height : 400px;}

#int-mkt { 
	margin : 0 5px;
	font-size : 16px;
}

#web-dev { 
	margin : 0 5px;
	font-size : 16px;
}
}

 .l2-toggle {display:none;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

#int-mkt { 
	margin-top : 10px;
	margin-left : 0;
 font-size : 16px;
  line-height : 24px;
}

#web-dev { 
  margin-left : 0;
  font-size : 16px;
  line-height : 24px;
}

#header-spacer {
	min-height : 10px;
}
	
#header-contact {
	font-size : 16px;
	line-height : 21px;
}	
/*New menu 2017
#main-nav { display:none;}
.touchdown {display : inline-block; }
nav { background : none; }
*/ 
#home-page .nav-tabs li a { line-height : 20px;}

footer {
	padding-left : 5px;
	padding-right : 5px;

}

/* Commented out 21nov18 */
/*
* nav, New menu 2017 header {
	padding : 5px 20px;
	margin-left : -20px;
	margin-right : -20px;
	border-bottom : 1px solid #e01214;
}
*/
/*New menu 2017 
nav { 
  background-color : rgb(255,255,255);
}
*/


nav {
    margin-left:-20px;
    margin-right:-20px;
    background-color:#f27f2f;  /*shows as colour of the drop-down*/
    background-image:none; 
}

#phone-menu-toggle {
	width : 100%;
	height : 35px;
	background: linear-gradient(to bottom, #f27f2f 0%,#e01214 100%);
}


#phone-toggle {
/*    display: inline-block; */
    cursor: pointer;
    width: 27px;
	 margin: 7px auto 0;
}

.bar1, .bar2, .bar3 {
    width: 27px;
    height: 4px;
    background-color: rgb(255,255,255);
    margin: 5px 0;
    border-radius: 2px;
    transition: 0.8s;
}


.change .bar1 {
  /*  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; */
    transform: rotate(-45deg) translate(-13px, 4px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
/*    -webkit-transform: rotate(45deg) translate(-8px, -8px) ; */
    transform: rotate(45deg) translate(-8px, -1px) ;
}

#main-nav {
    margin:0;
    padding:0;
    display:none;
}

#main-nav ul.level2,
#main-nav ul.sub-menu
 {
  display:none;
  margin-left: 20px;
    }

#main-nav li {
	list-style : none;
	font-size: 14px;
	float:none;
   }

#main-nav > li {
	border-bottom: 1px solid #fff;
    position: relative; /* so that the positioning of .l2-toggle works*/
    }
   
ul.level2 li,
ul.sub-menu li
 {
	border-top: 1px solid #fff;
} 
    
#main-nav a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 21px;
	min-height: 35px;
	line-height: 35px;
	margin: 3px;
	padding: 0 10px;
   }  
   
   
 .l2-toggle {
 display:block;
    cursor: pointer;
    position: absolute;
    width: 20px;
    top: 0;
    right: 4%;    
    color: #fff;
    font-size: 21px;
    line-height: 35px;
    font-weight:bold;
 	-webkit-transition:  all 0.4s ease-in-out;
	-moz-transition:  all 0.4s ease-in-out;
	-o-transition:  all 0.4s ease-in-out;
	-ms-transition:  all 0.4s ease-in-out;
	transition:  all 0.4s ease-in-out;   
}

.l2-toggle.change {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
    transform:rotate(45deg);
}

@media (min-width:768px) {
	.l2-toggle {display:none;}
}


/* Landscape phones and down */
@media (max-width: 480px) { 
body,
#content {  /*Added 10may21 to fix Google usability issue*/
	font-size : 16px;
}

#home-tabs li { 
	border-bottom : 2px solid rgb(355,255,255);
}

#home-tabs li a { font-size : 12px;}

.padder { padding : 5px;}

#header-contact {
	padding : 5px 0;
	text-align : center;
/*	font-size : 12px;
	line-height : 16px;*/
}

#sm-logos img {
	float : left;
	margin-left : 0;
	margin-right : 5px;
}
}