Team:CIEI-BJ/css/style

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(http://weloveiconfonts.com/api/?family=fontawesome); [class*="fontawesome-"]:before { 

 font-family: 'FontAwesome', sans-serif;

}

  • {
 box-sizing: border-box;

}

  • before, *:after {
 box-sizing: border-box;

}

body { 

 background: #222;
 margin: 0;
 font-family: 'Montserrat', sans-serif;
 font-size: 16px;
 color: #FFF;

}

.container { 

 max-width: 100vw;
 min-width: 45em;
 margin: 0 auto;
 padding: 0 2em;

}

nav { 

 position: fixed;
 width: 100%;
 margin: 0 auto;
 top: 0;
 z-index: 3;

} nav ul { 

 padding: 0;
 margin: 0;
 list-style-type: none;
 float: right;

} nav li { 

 display: inline-block;
 padding: 10px;
 text-align: center;
 transition: all .2s;

} nav li:last-child { 

 padding-right: 0;

} nav a { 

 color: #FFF;
 text-decoration: none;
 transition: all .3s;

} nav a:hover { 

 color: #DDD;

}

  1. icon {
 display: inline-block;
 padding-top: .7em;
 font-size: 2em;
 font-weight: 700;
 text-transform: uppercase;

}

  1. nav-bg {
 background: #222;
 position: fixed;
 height: 5em;
 width: 100%;
 top: 0;
 z-index: 1;

}

header { 

 position: relative;
 background: #FF8A80 url("images/mainbuilding.jpg");
 padding: 10em 0 8em;
 z-index: 2;

} header h1 { 

 font-size: 4em;
 text-transform: uppercase;
 text-align: center;

} header h3 { 

 text-align: center;

}

  1. about {
 background: #ffffff;
 height: 70em;
 padding: 5em 0;

}

  1. about p {
 line-height: 2em;
 font-size: 1.4em;
 margin: 0;
 color: #222;

}