Team:Calgary/projectCSS css

body {

   /* background-color: rgb(50, 48, 49); */
   background-color: white;
   color: black;
   font-family: 'Josefin Sans', sans-serif;

}

.navbar {

   background: none;
   padding: 15px;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1;
   background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.9), rgba(255,255,255,0)); 

}

.navbar-nav {

   left: 50%;
   transform: translatex(-50%);
   z-index:100;
   position: absolute;

}

.nav-up {

   top: -50px;

}

.navbar-nav > li {

   padding-left: 35px;
   padding-right: 35px;
   white-space: nowrap;

}

.navbar-logo {

   height: 90px;
   margin-left: 10%;

}

.underline-animation::after {

   content: ;
   display: block;
   width: 0;
   height: 2px;
   background: #7CCFB8;
   transition: width .3s;

}

.underline-animation:hover::after {

   width: 100%;

}

.dropdown-toggle::after {

   display: none;

}

.maincontent {

   margin-top: 180px;
   margin-bottom: 180px;

}

h1 {

   text-align: center;

}

h2 {

   text-align:center;

}

p {

   text-align: justify;

}

svg {

   height: 400px;

}

1. fp-nav ul li,

.fp-slidesNav ul li {

   height: 14px;

}

1. fp-nav ul li a.active span,

.fp-slidesNav ul li a.active span,

1. fp-nav ul li:hover a.active span,

.fp-slidesNav ul li:hover a.active span{

   height: 14px;
   width: 14px;
   margin: -7px 0 0 -7px;

}

1. fp-nav ul li a span,

.fp-slidesNav ul li a span {

   border: 2px solid rgb(50, 48, 49);
   background: rgba(255, 255, 255, 0);

}

1. fp-nav ul li:hover a span,

.fp-slidesNav ul li:hover a span{

   width: 10px;
   height: 10px;
   margin: -5px 0px 0px -5px;

}

.footer {

   bottom: 16%;
   left: 0;
   position: fixed;
   width: 100%;

}

.social-media-icon {

   color: #44414d;
   font-size: 24px;

}

.social-media {

   left: 30px;
   bottom: 30px;
   line-height: 3;
   text-align: center;

}

.vertical-align {

   display: flex;
   justify-content: center;
   align-items: left;
   margin-left: 3%;
   padding: 0;

}

1. home-title {

   color: black;
   font-size: 80px;

}

1. home-subtitle {

   color: #44414d;
   font-size: 47px;

}

1. team-title {

 position: absolute;
 z-index: 1000;
 margin-top: 0%;
 margin-left: 10%;
 position: fixed;

}

.backBox {

 width: 88%;

height: 70%;

 background: #F7F1E3;
 margin-left: 8%;
 margin-top: 10%;
 position: relative;
 position: fixed;

}

.member-logo {

   height: 150px;
   margin-left: 10%;
   display: block;

}

.text {

 color: black;
 font-size: 16px;
 position: absolute;
 margin-top: 4%;
 margin-left: 1%;
 text-align: left;

}

.centeredTitle {

 text-align: center !important;

}

.leftTitle {

 text-align: left !important;

}

p {

 text-align: left !important;

}

H2.leftTitle {

color: #F7B733;

}

H5.leftTitle {
 font-weight: bold;
}

.section {

 margin-top: 5%;

}

.button1 {

   background-color: white;
   color: black;
   border: 2px solid #5F5B6B;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 20px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   cursor: pointer;
 	margin: 3%;

}

.button1:hover {

   background-color: #5F5B6B;
   color: white;

}

.backP {

 background-color: #5F5B6B;
   color: white;
 padding-top: 2%;
 padding-bottom: 2%;
 margin-top: 5%;

}

.backL {

 color: black;
 padding-top: 2%;
 padding-bottom: 1%;
 border-bottom: 3px solid #5F5B6B;
 border-top: 3px solid #5F5B6B;

}

.fluidText {

 margin-left: 10%;
 margin-right: 10%;

}

html body {

 	margin-top: 12%;
   color: black !important;
   font-weight: normal !important;
 	height: 100%;

}

.content {

       margin-top: 8% !important;

}

.help {

 margin-left: 12%;
 margin-right: 2%;

}