body{
    margin:0;
    font-family: "Inconsolata", "Arial", "Sans-serif";
    font-size: 12px;
}

a{
    text-decoration: none;
	color: #faf6f0;
}

a:visited{
    text-decoration: none;
	color: #faf6f0;
}

li{
    text-decoration: none;
	list-style: none;
}

.container {
    max-width: 1480px;
    padding: 0 15px;
    margin: 0 auto;
}




/*-------------------------------------------
Header
-------------------------------------------*/

#header{
    width: 100%;
    height: 80px;
    background-color: black;
    display: flex;
    justify-content: space-between;
}

.logo{
    margin-left: 50px;
    padding: 0 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.logo a{
    display: block;
}

.logo a:visited{
	color: #faf6f0;
}


.nav ul{
    margin-right: 50px;
}

.nav li{
    margin-top: 45px;
    margin-right: 20px;
	list-style: none;
    float: left;
    font-size: 11px;
}

.nav li a{
    color: #fff;
}




/*-------------------------------------------
Index Main
-------------------------------------------*/

.main-wrapper {
    height: 600px;
    padding: 90px 0;
    text-align: center;
}

.main-wrapper h2{
    margin-top: 100px;
	margin-bottom: 50px;
}

.main-wrapper p {
    text-align: center;
    font-size: 15px;
}

.main-wrapper a{
	color:#000;
	opacity: 0.9;
}

.ccl-main {
    display: flex;
    margin: 100px 50px 0px 50px;
    padding: 0 200px;
}

.ccl-image {
    position: relative;
    width: 25%;
}

.ccl-image img {
    width: 200px;
}

.ccl-image p{
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
}



/*-------------------------------------------
MilesMail Page
-------------------------------------------*/
.main-wrapper h3{
	margin-bottom: 50px;
}

.btn{
	margin-right: 25px;
	font-size: 15px;
}



/*-------------------------------------------
Domain Management Page
-------------------------------------------*/
.domainlist{
	font-size: 15px;
}

.domainlist ul{
	background-color: pink;
	padding: 0 230px;
}
	
.domainlist li{
	float: left;
	margin: 80px 100px;
}
	
	
	
/*-------------------------------------------
Tou Page
-------------------------------------------*/
.tou-wrapper {
    padding: 90px 0;
    text-align: center;
}



/*-------------------------------------------
Footer
-------------------------------------------*/
#footer{
    height: 45px;
    padding: 15px 15px;
    background-color: #012169;
    text-align: center;
    color: #fff;
}

#footer a{
    font-size: 11px;
    color: #fff;
}

#footer p{
    margin-top: 20px;
  }



/*iPad*/

@media (max-width: 1000px) {
    #header {
        height: 80px;
        font-size: 14px;
    }
	
  .nav{
    display: none;
  }

  .main-wrapper{
    height: 380px;
  }

  .main-wrapper p{
    display: none;
}

  .ccl-main{
    display: none;
  }

}

/*Past Designs

    .ccl-main{
        display: flex;
        margin: 100px 30px 0 30px;
        padding: 10px;
    }

    .ccl-image {
        margin-right: 25px;
    }

    .ccl-image img {
        width: 128px;
    }

    .ccl-image p{
        font-size: 12px;
    }
}*/



/*Mobile*/

@media (max-width:670px) {

  #header{
    height: 60px;
    text-align: center;
  }

  .nav{
    display: none;
  }

  .main-wrapper{
    height: 380px;
  }

  .main-wrapper p{
    display: none;
}

  .ccl-main{
    display: none;
  }

}