/* all element in file */
* {
  margin: 0px;
}
/* all a elements in htm file */
a {
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  text-transform: capitalize;
  color: #ffffff;
  background-color: transparent;
}
/*jave in here*/
.blank-top{
  content: "";
  background-color: rgb(58, 55, 55);
  height: 100px;
  width: 100%;
  margin: 0px 0px;
}
.fix-text {
  text-transform: capitalize;
  position: fixed;
  top: 30px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 20px;
};
.fix-text:first-child{
  margin-right: auto;
}
.fix-text:last-child{
  margin-left: auto;
}
.call{
  color: #ffffff;
}
.barns{
  color: rgb(24, 221, 159);
  font-weight: bold;
  font-size: large;
}
.top-stroke{
  height: 1px;
}
.middle-stroke{
  height: 2.3px;
}
.bottom-stroke{
  height: 2px;
}
.top-stroke, .middle-stroke, .bottom-stroke {
  width: 20px;
  background-color: #ffffff; 
  margin-top: 3px;
  margin-right: 70px;
}

 /* first photo and its content */
 .success-div {
  position: relative; 
  height: 350px; 
  width: 100%; 
  display: 
  flex; align-items: center; justify-content: center;
}


  .success-div div {
    position: relative;
    color: white;
    font-family:'Times New Roman', Times, serif;
    text-align: center;
    text-transform: capitalize;
  }
.success-div img{
  height: 25px;
}
/*all element in our section*/
.our-section{ 
  text-transform: capitalize;
  font-family: 'Courier New', Courier, monospace;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-top: 20px;
  margin-bottom: 5px;
  text-align: center;
  padding: 10px;
  line-height: 40px;
}
@media only screen and (max-width: 600px) {
  .success-div::before {
    content: "";
    background-image: url("images/girlsmilling.jpg");
    background-size: cover;
    position: absolute;
    top: 0px; right: 0px;
    bottom: 0px; 
    left: 0px; 
    opacity: 1; }
/* first img in our section + content */
.one-one{
  position: relative;
  height: 350px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.one-one::before {
  content: "";
  background-image: url(images/twogirlssmilling.jpg);
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
}
.one-one div{ 
  position: relative;
  color: #ffffff;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: center;
}
.one-one h3{
  text-transform: capitalize;
  margin-bottom: 20px;
}
.one-one p {
  font-weight: lighter;
}
/* second img in our section + content */
.two-growth {
  position: relative;
  display: flex;
  width: 100%;
  height: 350px;
  align-items: center;
  justify-content: center; 
  
}
.two-growth::before {
  content: "";
  position: absolute;
  background-image: url('images/girlwriting.jpg');
  background-size: cover;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 1;
}
.two-growth div{
  position: relative;
  text-align: center;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color:#ffffff;
}
.two-growth h3{
  text-transform: capitalize;
  margin-bottom: 30px;
}
.two-growth p{
  font-weight: lighter;
}
/* third img in our section + content */
.three-prof {
  position: relative;
  display: flex;
  width: 100%;
  height: 350px;
  align-items: center;
  justify-content: center;
}
.three-prof::before{
  content: "";
  position: absolute;
  background-image: url("images/groupsmilling.jpg");
  background-size: cover;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 1;
}
.three-prof div{
  position: relative;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: center;
  color: #ffffff;
}
.three-prof h3{
  text-transform: capitalize;
  margin-bottom: 30px;
}
.three-prof p{
   font-weight: lighter;
} 
}

@media only screen and (min-width: 600px){

   /* first photo and its content */
 .success-div {
  position: relative; 
  height: 350px; 
  width: 100%; 
  align-items: center; 
  justify-content: center;
  background-color: rgb(58, 55, 55);
}

  .success-div div {
    position: relative;
    color: white;
    font-family:'Times New Roman', Times, serif;
    text-align: center;
    text-transform: capitalize;
  }
.success-div img{
  height: 25px;
}
  .grid {
    display: flex;
  }
  .one-one{
    position: relative;
    height: 350px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .one-one::before {
    content: "";
    background-image: url(images/twogirlssmilling.jpg);
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 1;
  }
  .one-one div{ 
    position: relative;
    color: #ffffff;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
  }
  .one-one h3{
    text-transform: capitalize;
    margin-bottom: 20px;
  }
  .one-one p {
    font-weight: lighter;
  }
  /* second img in our section + content */
  .two-growth {
    position: relative;
    display: flex;
    width: 100%;
    height: 350px;
    align-items: center;
    justify-content: center; 
    
  }
  .two-growth::before {
    content: "";
    position: absolute;
    background-image: url('images/girlwriting.jpg');
    background-size: cover;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 1;
  }
  .two-growth div{
    position: relative;
    text-align: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color:#ffffff;
  }
  .two-growth h3{
    text-transform: capitalize;
    margin-bottom: 30px;
  }
  .two-growth p{
    font-weight: lighter;
  }
  /* third img in our section + content */
  .three-prof {
    position: relative;
    display: flex;
    width: 100%;
    height: 350px;
    align-items: center;
    justify-content: center;
  }
  .three-prof::before{
    content: "";
    position: absolute;
    background-image: url("images/groupsmilling.jpg");
    background-size: cover;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 1;
  }
  .three-prof div{
    position: relative;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
    color: #ffffff;
  }
  .three-prof h3{
    text-transform: capitalize;
    margin-bottom: 30px;
  }
  .three-prof p{
     font-weight: lighter;
  } 
}
/* all element under in section-sec */
.second-sec{
  background-color: rgb(48, 41, 41);
  color: white;
  font-weight: lighter;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: center;
}
.four-empty{
  background-color: rgb(48, 41, 41);
  height: 20px;
  border-bottom: 1px solid white;
}
.four-what h1{
  text-transform: capitalize;
  padding-top: 80px ;
  margin-bottom: 40px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.carl-mcc{
  letter-spacing: 1px;
}
.founder{ letter-spacing: 1px;
  font-size:smaller;
  font-weight: 100;
}

.four-what h2{
  text-transform: capitalize;
  padding-top: 20px;
  padding-bottom: 80px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
.it-experts{
  font-size:medium;
  letter-spacing: 1px;
}
.it{
  font-weight: lighter;
}
.alex-boyd{ 
  font-size: 1cap;
  letter-spacing: 2px;
}
.franchise{
  font-size: medium;
  font-weight: lighter;
  letter-spacing: 1px;
}
.four-what h3 {
  text-transform: capitalize;
  padding: 10px 0px;
 
}
.four-what h4 {
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  line-height: 10px;
  margin: 0px ;
}
.thrive {
  letter-spacing: 3px;
}
.ventures{
  font-size: x-small;
  letter-spacing: 1px;
  font-weight: 100;
}
.four-what h5{
  text-transform: capitalize;
  padding-bottom: 70px;
}
.four-what p{
  padding-bottom: 40px; font-weight: 100;
}
.mark-vp{
  letter-spacing: 1px;
}
/* all element under in third section*/
.third-section{
  background-image: url(images/winstonchurchill.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}
.first-p{
  color: #ffffff;
  text-align: center;
  padding-top: 50px;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: normal;
}
.first-p p{
  font-size: x-large;
  padding-bottom: 50px;
}
.winston{
  text-transform: capitalize;
  font-weight: lighter;
}
.first-block{
  background-color: white;
  margin: 10px 10px;
  padding: 30px 15px;
  height: 45%;
  font-family: Arial, Helvetica, sans-serif;
}
.first-block h4{
  font-weight: lighter;
  font-size: smaller;
}
.first-block p{
  line-height: 55px;
  font-weight: lighter;
  font-size: smaller;
  letter-spacing: 1px;
}
.first-block input{
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.263);
  width: 100%;
}
.first-block input:active {
  border: none;
}
.first-block button{
  height: 50px;
  width: 100%;
  background-color: rgb(9, 222, 183);
  border: 1px solid black;
  font-size: 15px;
}

.first-block button:active{
  border: none;
}
/* all element under in last section */
.last-section{
  background-color: rgb(48, 41, 41);
  color: white;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-weight: lighter;
  padding: 10px 10px;
}
.last-section h2{
  text-transform: uppercase;
  font-size: smaller;
  padding-top: 30px;
}
.last-section div{
  margin-bottom: 30px;
  border-top: 1px solid white;
}
.barns {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.follow-us{
  text-transform: capitalize;
}
.follow-us a{
  text-decoration: none;
  
}
.end-end{
  padding-top: 30px;
  
}