#header{
    height: 50%;
}


#navigation{
    background-color: #231F20;
}

.section{
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
}

.odd{
    background-color: lightgray;
}

.even{
    background-color: white;
}

.infoBox{
    margin: auto;
    text-align: center;
    width: 100%;
    height: 440px;
}

.infoBoxIconCircle{
    border-color: lightgray;
    border-style: solid;
    border-width: 2px;
    border-radius: 90px;
    background-color: #fc9003;
    height: 75px;
    width: 75px;
    margin: auto;
    text-align: center;
}

.infoBoxIconCircle span{
    color:white;
    font-size: 47px;
}


.infoBoxTitle{
    color: #231F20;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}

.infoBoxText{
    color: black;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
}

.sectionHeader{
    height: 60px;
    width: 180px;
    background-color: #fc9003;
    color: white;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 5px;
    font-size: 35px;
    border-radius: 90px;
    margin-bottom: 15px;
}

.sectionTitle{
    color: black;
    font-weight: bold;
    margin-top: 10px;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    padding-left: 15px;
}

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

.sectionText{
    color: black;
    font-size: 22px;
    padding-left: 15px;
    font-family: 'Raleway', sans-serif;
}

#serviceBox{
    margin: auto;
    text-align: center;
    width: 100%;
    height: 580px;
    padding: 40px;
}

.serviceBoxIconCircle{
    height: 75px;
    width: 75px;
    border-color: lightgray;
    border-style: solid;
    border-width: 2px;
    border-radius: 90px;
    background-color: #fc9003;
    padding-left: 10px;
    text-align: center;
    display: inline;
    font-size: 47px;
}

.serviceBoxIconCircle span{
    color:white;
    font-size: 47px;
    height: 50px;
}

.serviceBoxTitle{
    color: black;
    font-weight: bolder;
    margin-top: 10px;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
}

.serviceBoxDetails{
    color: black;
    font-size: 20px;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    display: inline;
    height: 100px;
}

.servicesBtnBox{
    text-align: center;
}

.contactItem{
    height: 200px;
    width: 100%;
    background-color: white;
    text-align: center;
    padding-top: 20px;
}

.contactTitle{
    color: black;
    font-size: 35px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.contactDetails{
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
}

a .social{
    color:black;
    font-size:35px;
}

a .social:hover{
   color: #fc9003;
}

.pricingBoxMain{
    background-color: lightgray;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 800px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.pricingBox{
    background-color: lightgray;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 750px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.pricingHeader{
    height: 10px;
    width: 100%;
    background-color: #fc9003;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.pricingTitle{
    color: #231F20;
    text-align: left;
    font-weight: bold;
    font-size: 30px;
    height: 60px;
    margin: 20px;
    padding-top: 10px;
}

.pricingPrice{
    margin: 20px;
    text-align: left;
    font-size: 20px;
}

.pricingPrice2{
    margin: 20px;
    text-align: left;
    font-size: 18px;
}

.pricingDescription{
    margin: 20px;
    text-align: left;
    height: 100px;
}

.pageHeader{
    text-align: left;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #fc9003;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
  }

  #spinner{
      text-align: center;
  }

  .disclaimerText{
    font-size: 17px;
    background-color: lightgray;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }