/*GLOBALS*/
html{
    font-size:62.5%;
}
h1, h2, h3, h4 {
    color: #454545;
    line-height:1px;  
}
img{
    max-width: 100%;
    height:auto;
}

body {
	margin: 0 auto;
	font-family: "Helvetica", sans-serif;
	color: #444;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width: 320px) {
    h2{
        padding:0 20px;
    }
    .clearfix-full	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }

    .clearfix-tablet	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }

    .clearfix-phone	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:both;
    }  
    .hidden-xs{
        display:none;
    }
    .hidden-md{
        display:block;
    }
    nav {
        width:100%;
        background-color: #EC863C;
        margin:0;
        padding-top:15px;
    }
    img.logo {
        width:60%;
        height:auto;
        margin:auto;
        padding-bottom:20px;
    }
    .mobile{
        display:block;
    }
    .full{
        display:none;
    }
    nav ul {
        width:100%;
        padding:10px 0;
        margin:0 auto;
    }
    nav ul li {
        width:20%;
        margin:0 8px;
        display: inline-block;
        text-align:center;
        font-size:2.0rem;
    }
    
    nav a:link	{
	   text-decoration:none;
	   color:#FFF;
        letter-spacing:0.1rem;
    }
    nav a:hover, nav a.active {
        font-weight:bolder;
    }
    a:visited {
        text-decoration: none;
        color:#fff;
    }
    a:hover {
        font-weight:bolder;
    }
    
    .wrap {
        width:100%;
        background-color:#fff;
        margin:0 auto;
    }
    
    .welcome{
        width:90%;
        margin:0px auto 15px;
        border-bottom: 1px solid #ccc;
        
    }
    .welcome p{
        padding:20px 30px;
        font-size:1.2rem;
        text-align:justify
    }
    

    .callouts {
        padding:0 20px;   
    }
    .callouts p{
        padding:0 20px;
        font-size:1.2rem;
    }
    .col1, .col2{
        margin-bottom:30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .col1 img, .col2 img{
        width:90%;    
        padding-left:20px;
    }
    section{
        font-size:1.3rem;
        float:left;
    }
    section img{
        padding-bottom: 50px;
        border-bottom: 1px solid #ccc;
    }
    
    .serv{
	background-color: #EC863C;
	color: #FFF;
	font-size: 2rem;
    margin-top:10px;
    padding:10px 20px;
    width:80%
    }
    
    #accordion li{
        cursor: pointer;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        display: block;
    }


    #accordion li ul{
        margin:0 auto;
        margin-top: 50px;
        margin-bottom: 50px;
        padding:20px;
    }

    #accordion li.active li{
        text-indent:0;
    }
    #accordion li li{
        font-weight: normal;
        background:none;
        border:0;
        display: inline-block;
        margin-left:-8px;
        margin-top: -6px;
    }

    .footer	{
        width:100%;
        margin:0 auto;
        background-color: #EC863C;
        color:#FFF;
        text-align: center;
        font-size:1.2rem;
        padding: 1% 0;
        margin:30px 0;
        clear:both;
    }
    .footer a {
        color:#fff;
        text-decoration:underline;
    }
    .partners {
        padding:0 20px;   
        display:block;
    }
    .logos img{
        height:100px;
        width:auto;
        margin:auto;
        padding: 0 20%;
    }
    .logos p{
        padding:0 10px;
        font-size:1.2rem;
    }
    
    .contact{
        padding:0 50px;
        font-size:1.8rem;
    }
    .contact h2{
        padding:0;
        margin-top:30px;
    }
    .contact a{
        color:#EC836C;
    }
    input, textarea{
        padding:10px 0;
        margin-top: 10px; 
        width:100%;
        border:2px solid #444;
    }
    input.send{
        float:right;
        width:50%;
        padding:5px 0;
        background-color:#EC863C;
        border:none;
        margin:3px 0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 480px) {
    h2{
        padding:0 30px;
    }
    .clearfix-full	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }

    .clearfix-tablet	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }

    .clearfix-phone	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:both;
    }

    nav ul{
        margin:auto;
    }
    nav ul li{
        width:20%;
        margin:0 10px;
    }
    .welcome{
        width:90%;
        margin:0px auto 15px;
        border-bottom: 1px solid #ccc;
        
    }
    .welcome p{
        padding:0 30px;
        font-size:1.4rem;
        text-align:justify;
        font-weight:600;
        line-height: 20px;
    }
    
    .callouts {
        padding:0 60px; 
        margin:auto;
    }
    .callouts p{
        padding:0 40px;
        font-size:1.4rem;
    }
    .col1, .col2{
        margin-bottom:30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    .col1 img, .col2 img{
        padding:0 30px;
    }
    h2{
        font-size:1.8rem;
    }
    
    .partners {
        padding:0 60px;   
    }
    .logos{
        width:70%;
        margin:auto;
        padding-bottom:20px;
    }
    .logos img{
        margin:auto;
        padding:0 10%;
        width:80%;
        height:auto;
    }
    .logos p{
        padding:0 20px;
        font-size:1.4rem;
    }
    
    input.send{
        width:20%;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
   body{
       background-color:#000;
   }
    h2{
        padding:0;
    }
    .clearfix-full	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }

    .clearfix-tablet	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:both;
    }
    

    .clearfix-phone	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }
    .welcome p{
        padding:0 70px;
    }
    .hidden-xs{
        display:block;
    }
    .hidden-md{
        display:none;
    }
    img.logo{
        width:30%;
        float:left;
        padding-left:20px;
    }
    .mobile{
        display:none;
    }
    .full{
        display:block;
    }
    nav{
        width:100%;
        background-color:#000;
        float:right;
    }
    nav ul {
        width:65%;
        margin:0;
        padding:35px 0;
        float:right;
    }
    
    .wrap{
        width:762px;
        background-color:#fff;
        margin:auto;
        padding-top:30px;
    }
    .wrap article{
        width:100%;
    }
    
    .callouts p{
        padding:0
    }
    .col1, .col2{
        border-bottom:none;
    }
    .col1 img, .col2 img{
        width:100%;
        margin:0;
        padding:0;
    }
    
    .column{
        width:40%;
        float:left;
        margin:10px
    }
    .left{
        float:left;
        padding-right:55px;
        border-right: 1px solid #ccc;
    }
    .right{
        float:right;
    }
    

    nav.hidden-xs{
        background-color:#EC863C;
        font-size:1rem;
        font-weight:100;
        width:100%;
        margin-bottom:30px;
    }
    nav.hidden-xs ul{
        width:100%;
    }
    nav.hidden-xs ul li{
        padding:0 5px;
        width:240px;
        margin:0;
    }
    
    section.hidden-xs{
        background-color:#fff;
        margin-bottom:40px;
        margin:0 50px;
    }
    section.hidden-xs h1{
        font-size:2.4rem;
        line-height: normal;
    }
    section.hidden-xs img{
        width:50%;
        float:left;
    }
    section.hidden-xs p{
        width:40%;
        float:right;
        font-size:1.6rem;
    }
    

    #menu ul {
        list-style: none;
        width:100%;
        padding-bottom:30px;
    }


    #menu ul li {
        width:100%;
    }

     #menu ul a {
        display: inline-block;
        padding:0;
        margin:0;
        
    }

    #menu li ul {
        position: absolute;
        width:230px;
        padding:0 10px 20px 10px;
        background-color:#EC863C;
        margin-top:10px;
    }
    #menu li ul a{
        width:80%;
        margin:0 auto;
        display:block;
        text-align:left;
        font-weight:bold;
        font-size:1.4rem;

    }

/*
    #menu li:hover ul, #menu li ul:hover {
      left:auto;
    }
*/
    
    .logos{
        width:33.333%;
        margin-bottom:50px;
        float:left;
    }
    .logos img{
        height:80px;
        width:auto;
/*        margin: 0 25px;*/
    }
    .logos p{
        padding:0 10px;
    }
        .services-intro{
        border-bottom:none;
    }
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

    .clearfix-full	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:both;
    }

    .clearfix-tablet	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }
    .clearfix-phone	{
        width:0;
        height: 0;
        visibility: hidden;
        clear:none;
    }
    
    nav ul {
        width:65%;
        margin-top:25px;
        padding:30px 0;
    }
    nav ul li{
        font-size:3.2rem;
        font-weight:bolder;
    }
    .wrap{
        width:960px;
        background-color:#fff;
        margin:auto;
        padding-top:30px;
    }    
    .callouts p{
        padding:0
    }
    .col1, .col2{
        border-bottom:none;
    }
    .col1 img, .col2 img{
        width:100%;
        margin:0;
        padding:0;
    }
    
    .column{
        width:40%;
        float:left;
        margin:10px
    }
    .left{
        float:left;
        padding-right:75px;
    }
    .right{
        float:right;
    }
    
    
    nav.hidden-xs{
        background-color:#EC863C;
        font-size:1rem;
        font-weight:100;
        width:100%;
        margin-bottom:30px;
    }
    nav.hidden-xs ul{
        width:100%;
    }
    nav.hidden-xs ul li{
        padding:0 5px;
        width:300px;
        margin:0;
    }
    
    section.hidden-xs{
        background-color:#fff;
        margin-bottom:40px;
        margin:0 50px;
    }
    section.hidden-xs h1{
        font-size:2.4rem;
        line-height: normal;
    }
    section.hidden-xs img{
        width:50%;
        float:left;
    }
    section.hidden-xs p{
        width:40%;
        float:right;
        font-size:1.8rem;
    }
    

    #menu ul {
        list-style: none;
        width:100%;
        padding-bottom:30px;
    }


    #menu ul li {
        width:100%
    }

     #menu ul a {
        display: inline-block;
        padding:0;
        margin:0
    }

    #menu li ul {
        position: absolute;
        width:300px;
        padding:0 10px 20px 10px;
        background-color:#EC863C;
        margin:0;
    }
    #menu li ul a{
        width:80%;
        margin:0 auto;
        display:block;
        text-align:left;
        font-weight:bold;
        font-size:1.8rem;
    }
    
    .logos img{
        height:80px;
        width:auto;
/*        margin: 0 50px;*/
    }
    .logos p{
        padding:0 20px;
    }
    
     .contact{
        padding:0 150px;
    }
    form{
        width:80%;
        margin:auto;
    }
    input, textarea{
        padding:10px 0;
        margin: 10px auto; 
        width:100%;
        border:2px solid #444;
    }
    input.send{
        float:right;
        width:20%;
        padding:5px 0;
        background-color:#EC863C;
        border:none;
        margin:3px 0;
    }
    
}