body {
  font-family: 'Lato', sans-serif;
 }

 header img{
    margin: 50px 0 0 150px;
    position: absolute;
    z-index: 1;
    width: 15%;
}

   header .title{
      margin: 700px 0 0 180px;
      position: absolute;
      z-index: 1;
   }

   @media (max-width:1428px){
      .title span{
         font-size: 2.5rem;
      }

      .blog span {
         font-size: 2.5rem;
      }
   }

   @media (max-width:1200px){
      header .title{
         margin: 700px 0 0 80px;
      }

      header img{
         margin: 50px 0 0 80px;
         width: 30%;
     }
   }

   @media (max-width:989px){
      header .title{
         margin: 500px 0 0 20px;
      }

      header img{
         margin: 50px 0 0 20px;
         width: 60%;
     }
   }

      .title span {
        display: inline-block;
        padding: 0.1em 0.3em;
        color: #ffffff;
        font-size: 60px;
        font-weight: 900;
        text-transform: uppercase;
     }

      @media (max-width:1472px){
         .title span{
            font-size: 2.5rem;
            margin-left: auto;
         }
      }

         @media (max-width:600px){
            .title span{
               font-size: 1.5rem;
               margin-left: auto;
            }
         }

         .title #rectangle{
            width: 25px;
            height: 160px;
            background-color: #F67015;
            z-index: 1;
            margin-top: -177px;
            margin-left: -30px;
         }

         @media (max-width:1472px){
            .title #rectangle{
               display: none;
            }
         }

header .blog{
   margin: 750px 200px 0 0;
   position: absolute;
   right: 0;
   z-index: 1;
}

   .blog span {
      display: inline-block;
      padding: 0.1em 0.3em;
      color: #F67015;
      font-size: 60px;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: underline;
   }

   @media (max-width: 1366px){
      .blog span {
         font-size: 2.5rem;
      }
   }

      @media (max-width: 989px){
      header .blog {
         left: 0;
         margin: 700px 0  0 3%;
      }
   }

   @media (max-width: 600px) {
      header .blog {
         left: 0;
         margin: 600px 0  0 5%;
      }
      .blog span {
          font-size: 1.5rem;
      }
   }

   @media (max-width: 400px) {
      header .blog{
         margin: 650px 0  0 5%;
      }
   }

    .landing-index-img {
        background-color: rgba(0,0,0,0.8);
        filter: brightness(0.85);
        position: relative;
        height: 950px;
        background-image: url(img/shutterstock_653343022-2.jpg);
        background-size: cover;
        background-position: top center;
    }

    @media (max-width:800px){
      .landing-index-img{
         height: 800px;
      }
   }

 /* Main Section 1
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.gray-section{
   background-color: #666666;
   height: 500px;
   line-height: 500px;
}

   .gray-section h3{
      color: #ffffff;
      font-size: 52px;
      font-weight: 700;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      line-height: normal;
   }

   @media (max-width:800px){
      .gray-section h3{
         font-size: 35px;
         padding: 10px;
         line-height: 50px;
      }
   }

      @media (max-width:400px){
         .gray-section h3{
            font-size: 25px;
            padding: 10px;
            line-height: 30px;
         }
      }

.main-section{
   max-width: 1200px;
   margin: 0 auto;
}

   @media (max-width:1200px){
      .main-section{
         max-width: 800px;
      }
   }

   .main-section h2{
      color:#F67015;
      font-size: 52px;
      font-weight: 900;
      text-align: center;
      margin-top: 60px;
   }

   @media (max-width: 800px){
      .main-section h2{
         font-size:45px;
      }
   }

      @media (max-width: 400px){
         .main-section h2{
            font-size:35px;
         }
      }


   /* Benefits Section
   –––––––––––––––––––––––––––––––––––––––––––––––––– */
   .align {
        display: flex;
   }

   @media (max-width:1104px){
      .align {
         display: unset;
      }
         .square{
            display: flex;
         }

         .square-2{
            display: flex;
         }

            .square img {
               margin-top: 0;
            }

               .square p{
                    text-align: left;
               }
   }


      @media (max-width: 680px){
            .square {
             display: grid;
            }

               .square img {
                  width: 20%;
               }
      }

        #tag{
             flex: 1;
        }

         .square {
            align-items: center;
            background: #DAD7C5;
            height: 400px;
         }

            .square img{
               width: 40%;
               display: block;
               margin: 100px auto auto;
            }

               .square p{
                  text-align: center;
                  padding: 40px 10px;
                  font-size: 25px;
                  color: #ffffff;
               }

               @media (max-width:1100px){
                  .square{
                     height: 250px;
                  }

                     .square img{
                        width: 27%;
                        display: block;
                        margin: 20px auto auto;
                     }

                        .square p{
                           text-align: center;
                           padding: 40px 100px;
                           font-size: 30px;
                        }
               }

               @media (max-width:800px){
                  .square{
                     display: grid;
                     height: 300px;
                  }
               }

               @media (max-width:400px){
                  .square{
                     line-height: 300px;
                     display: grid;
                     height: 300px;
                  }

                     .square img{
                        width: 40%;
                        margin: 50px auto auto;
                     }

                        .square p{
                           text-align: center;
                           display: inline-block;
                           vertical-align: middle;
                           line-height: normal;
                           padding: inherit;
                        }
               }

            .square-2 {
               align-items: center;
               background: #DAD7C5;
               height: 400px;
            }

               .square-2 img{
                  width: 33%;
                  display: block;
                  margin: 65px auto auto;
               }

                  .square-2 p{
                     text-align: center;
                     padding: 40px 15px;
                     font-size: 25px;
                     color: #ffffff;
                  }

            @media (max-width:1100px){
               .square-2 {
                  height: 250px;
               }

                  .square-2 img{
                     width: 23%;
                     display: block;
                     margin: 10px auto auto;
                  }

                     .square-2 p{
                        text-align: center;
                        padding: 40px 100px;
                        font-size: 30px;
                     }
            }

            @media (max-width:800px){
               .square-2{
                  height: 300px;
                  display: grid;
               }

               .square-2 p{
                  padding: 0;
               }
            }

            @media (max-width:400px){
               .square-2 img{
                  width: 30%;
                  margin: 20px auto auto;
               }

                  .square-2 p{
                     font-size: 25px;
                  }
            }

            .square-3 {
               margin: 0 auto;
               align-items: center;
               background: #DAD7C5;
               height: 400px;
               width: 400px;
               display: grid;
            }

               .square-3 img{
                  width: 50%;
                  margin: 70px auto auto;
               }

                  .square-3 p{
                     text-align: center;
                     padding: 40px;
                     font-size: 25px;
                     color: #ffffff;
                  }

            @media (max-width:1100px){
               .square-3 {
                  height: 250px;
                  width: 100%;
               }

                  .square-3 img{
                     width: 30%;
                     display: block;
                     margin: 0;
                  }

                     .square-3 p{
                        text-align: center;
                        padding: 9% 15% 0 40%;
                        font-size: 30px;
                        position: absolute;
                     }
            }

            @media (max-width:800px){
               .square-3{
                  /* display: grid; */
                  height: 300px;
               }

                  .square-3 img{
                     width: 35%;
                     margin: 50px auto auto;
                  }

                     .square-3 p{
                        text-align: center;
                        padding: inherit;
                        position: unset;
                     }
            }

 /* Main Section 2
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-section-2{
   line-height: 110px;
}

   .main-section-2 p{
      font-size: 30px;
      font-weight: 600;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      text-align: center;
   }

      .main-section-2 .color1{
         height: 110px;
         background-color: #666666;
         color: #ffffff;
      }

         .main-section-2 .color2{
            height: 110px;
            background-color: #ffffff;
            color: #000000;
         }

   @media (max-width:750px){
      .main-section-2{
         line-height: 80px;
         text-align: center;
      }

         .main-section-2 p{
            font-size: 22px;
            font-weight: 600;
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
         }

            .main-section-2 .color1{
               height: 80px;
               background-color: #666666;
               color: #ffffff;
            }

               .main-section-2 .color2{
                  height: 80px;
                  background-color: #ffffff;
                  color: #000000;
               }
   }

   @media (max-width:400px){
      .main-section-2 p {
         font-size: 17px;
      }
   }

/* Main Section 3
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.main-section-3{
   max-width: 1200px;
   margin: 0 auto;
   line-height: 110px;
}

   button.accordion {
        line-height: 2px;
        text-transform: none;
        cursor: pointer;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
        border-radius: 0;
        font-size: 30px;
        color: #000000;
        padding: 50px;
   }

      button.accordion.active, button.accordion:hover {
          background-color: #ddd;
      }

    div.panel {
        line-height: normal;
        font-size: 30px;
        font-weight: 300;
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        border: 1px solid transparent;
        transition: max-height 0.2s ease-out;
   }

    /*Plus & Minus Symbol*/

   button.accordion:after {
        content: '\002B'; /*Code for plus symbol*/
        font-size: 52px;
        color: #000000;
        float: right;
        margin-left: 5px;
   }

        button.accordion.active:after {
             content: "\2212"; /*Code for minus symbol*/
        }

     @media (max-width:750px){
        button.accordion{
           font-size: 1.8rem;
           padding: 30px;
           line-height: 41px;
        }

            div.panel {
               font-size: 20px;
            }

              button.accordion:after {
                  font-size: 25px;;
              }
     }

     @media (max-width:400px){
        button.accordion{
           font-size: 1.5rem;
           padding: 20px;
           line-height: 64px;
        }

            div.panel {
               font-size: 20px;
            }

              button.accordion:after {
                  font-size: 25px;;
              }
     }

   /* Contact Form Section
   –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width:1200px){
   .main-section .contactform-box form{
      max-width: 1200px;
      width: 1200px;
   }
}
.main-section .contactform-box form fieldset p{
   font-size: 30px;
   font-weight: 300;
   margin-left: 20px;
}

   .main-section .contactform-box form fieldset input{
      width: 100%;
      height: 70px;
      font-size: 20px;
   }

   @media (max-width:414px){
      .main-section .contactform-box form fieldset p{
         font-size: 20px;
      }

         .main-section .contactform-box form fieldset input{
            height: 50px;
         }
   }

   .main-section .contactform-box table tr p{
      font-size: 30px;
      font-weight: 300;
      margin-left: 20px;
   }

   .main-section .contactform-box table tr select{
      width: 100%;
      height: 70px;
      font-size: 25px;
      font-weight: 300;
   }

   .main-section .contactform-box table tr span{
      font-size: 20px;
   }

   @media (max-width:414px){
      .main-section .contactform-box table tr p{
         font-size: 20px;
      }

         .main-section .contactform-box table tr select{
            height: 50px;
            font-size: 18px;
         }

            .main-section .contactform-box table tr span{
               font-size: 15px;
            }
   }


   .main-section .contactform-box button{
      background: #666666;
      font-size: 20px;
      padding: 20px;
      color: #ffffff;
      width: 200px;
      height: 70px;
      border: none;
   }

   @media (max-width:800px){
      .main-section .contactform-box button{
         margin-left: 37%;
      }
   }

      @media (max-width:600px){
         .main-section .contactform-box button{
            margin-left: 30%;
         }
      }

         @media (max-width:400px){
            .main-section .contactform-box button{
               margin-left: 20%;
            }
         }

   .main-section .contactform-box button:hover {
   	background:#F67015;
   	-webkit-transition:background 0.3s ease-in-out;
   	-moz-transition:background 0.3s ease-in-out;
   	transition:background-color 0.3s ease-in-out;
   }