@import url(bootstrap.min.css);
@import url(normalize.css);
@import url(fonts.css);
@import url(skitter.styles.css);


* section{
margin:0;
padding:0;
}

body{
background-color:#ebebeb;
font-family:'SourceSansPro-Regular', sans-serif;
}

.top{
margin-top:3em;
}

.longTop{
margin-top:6em;
}

.top-none{
margin-top:0;
}

.bottom{
margin-bottom:1em;
}

.bottom-none{
margin-bottom:0;
}

.shortTop{
margin-top:1.5em;
}

.very-shortTop{
margin-top:1em;
}

.left{
float:left;
}

.margin-left{
margin-left:10px;
}
.center{
text-align:center;
}

.right{
float:right;
}

.text-right{
text-align:right;
}

.text-black{
color:#2b2b2b;
}

.text-red{
color:#e54d42;
}

.text-white{
color:#ecf0f1;
}
.text-center{
text-align:center;
}

strong{
font-size:20px;
font-family:'Roboto-Bold' ;
letter-spacing:0.5px;
word-spacing:2px;
}
.typography,p, table{
font-family:'SourceSansPro-Regular', sans-serif;
font-size:18px;
letter-spacing:0.4px;
word-spacing:1.4px;
line-height:1.7em;
}

/**********************************************************************************************/
/***** Home Page **********/
/**********************************************************************************************/



.Section{
width:960px;
margin:auto;
}

.Section a{
text-decoration:none;
}

.header-BG{
 height:145px;
 background-color:#95a0a9;
 }
 
@media (min-width:768px) {
.header-BG{
 width:100%;
 }
}

@media (min-width:250px) and (max-width:767px) {
.header-BG{
 width:980px;
 }
}



.logo{
float:left;
margin-top:0.75em;
}

.logo2{
float:right;
margin-right:25%;
margin-top:1.8em;
}

.nav-BG{
height:45px;
background-color:#2b2b2b;
}

@media (min-width:768px) {
.nav-BG{
width:100%;
}
}

@media (min-width:250px) and (max-width:767px) {
.nav-BG{
 width:980px;
 }
}


nav ul{
float:left;
color:#f7f7f7;
padding:13px;
padding-left:0;
padding-top:15px;
}

nav ul li{
font-family:'Raleway-ExtraLight', sans-serif;
list-style:none;
display:inline-block;
border-left-style:dashed;
border-left-width:1px;
color:#f7f7f7;
margin-left:20px;
margin-right:20px;
padding-left:35px;
}

nav ul li:first-child{
border:none;
padding-left:0px;
margin-left:20px;
}

nav ul li a{
color:#f7f7f7;
position:relative;
display:block;
font-size:16px;
transition:0.5s;
letter-spacing:1.5px;
}

nav ul li a:hover{
text-decoration:none;
color:#2eb4e8;
transition:0.5s;
}

.thin-Heading{
font-family:'SourceSansPro-Light', sans-serif;
font-size:33px;
}

.slab-Heading{
font-family:RobotoSlab-Regular;
font-size:35px;
letter-spacing:1px;
}

.heading-BG{
width:100%;
padding:20px;
background-color:#2c3e50;
border-radius:4px;
}

.bold-Heading{
font-family:'Roboto-Bold';
font-size:38px;
letter-spacing:1px;
color:#f7f7f7;
}
.normal-Heading{
font-family:'SourceSansPro-Regular';
font-size:30px;
letter-spacing:0.5px;
}
.border-Up-Down{
border-top-style:solid;
border-bottom-style:solid;
border-width:2px;
color:#2b2b2b;
}

.col-C{
width:300px;
height:330px;
float:left;
position: relative;
}


 .front {
  width: 300px;
  height: 330px;
  position: absolute;
  background: transparent;
  }
 

.col-C a{
text-decoration:none;
}

.col-L{

}

.col-M{
margin-left:30px;
margin-right:30px;
}

.col-R{
}

.section-3{
background-color:#1a2128;
background-size:cover;
height:480px;
float:left;
}

@media (min-width:768px) {
.section-3{
width:100%;
  }
}

@media (min-width:250px) and (max-width:767px) {
.section-3{
width:980px;
  }
}

.typography-2{
font-family:'SourceSansPro-Regular', sans-serif;
font-size:22px;
color:#607078;
word-spacing:0.5px;
line-height:1.3em;
text-align:justify;
}

.footer{
width:100%;
background-color:#2b2b2b;
height:300px;
float:left;
top:0;
}

@media (min-width:768px) {
.footer{
width:100%;
  }
}

@media (min-width:250px) and (max-width:767px) {
.footer{
width:980px;
  }
}

.col-footer{
width:220px;
height:auto;
float:left;
padding:15px;
}

.col-footer-M{
margin:0 20px  0 20px;
}

.menu ul {
list-style-image:url('../images/bullet.png');
padding-left:30px;
}

.menu ul li{
font-family:'Source Sans Pro', sans-serif;
font-size:16px;
color:#b84d45;
line-height:1.5em;
}

.menu ul li a{
text-decoration:none;
color:#888888;
}

.scial ul{
padding:0px;
}
.social ul li{
float:left;
margin:7px;
list-style-type:none;
}



.credit{
font-family:'RobotoSlab-Regular', sans-serif;
font-family:14px;
height:30px;
background-color:#2c3e50;
float:left;
color:#f7f7f7;
padding:6px;
letter-spacing:1px;
}

@media (min-width:768px) {
.credit{
width:100%;
  }
}

@media (min-width:250px) and (max-width:767px) {
.credit{
width:980px;
  }
}


/**********************************************************************************************/
/***** Embedded Page **********/
/**********************************************************************************************/
.image-margin{
margin: 5px 10px 10px 10px;
}

/**********************************************************************************************/
/***** Services Page **********/
/**********************************************************************************************/

.col-services{
width:300px;
height:330px;
background-color:#1a2128;
padding:10px;
color:#dedad9;
}

.col-Grid{
  width: 260px;
  height: 280px;
  margin:auto;
  margin-top:1em;
  border: 2px solid rgba(255, 255, 255, 0.8);
  padding:10px;
  text-align:center; 
  position:absloute;
}

.col-services p{
font-size:16px;
line-height:1.3em;
}

.col-services h1{
font-family:'Raleway-ExtraLight', sans-serif;
font-size:22px;
}

/**********************************************************************************************/
/***** Education Page **********/
/**********************************************************************************************/

.col-education{
width:232px;
height:249px;
position:relative;
background-color:#cf2637;
}

.download-Link{
font-family:'SourceSansPro-Light', sans-serif;
font-size:28px;
text-align:center;
text-decoration:none;
color:#e9eeef;
display:block;
margin-top:80%;
}


/**********************************************************************************************/
/***** contact us Page **********/
/**********************************************************************************************/

/*
.contact {
  background:url('../images/contact.jpg');
  background-repeat: no-repeat;
    background-size: cover;
     z-index: -1;
  width: 100%;
  height:700px; 
}
*/

.contact-img{
z-index:-10;
position:absolute;
width:960px;
}

.contact-content{
background-color:#dfdbdb;
font-size:18px;
padding:30px;
padding-top:40px;
width:490px;
float:right;
border-radius:6px;
position:relative;
margin:20px;
opacity:0.9;
}

.contact-content p{
color:#000000;
}