article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.visuallyHidden:not(:focus):not(:active) { position: absolute; width: 1px; height: 1px; margin: -1px;border: 0;padding: 0;white-space: nowrap;clip-path: inset(100%);clip: rect(00 0 0);overflow: hidden;}

/* GENERAL STYLES */
html {
  font-family: 'Montserrat', sans-serif;
  font-size: 125%;
  scroll-behavior: smooth;
}

img {
  width: 100%;
}

.mainheader {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.overlay {
  background:linear-gradient(to bottom, rgba(0, 0, 0, .41), rgba(0, 0, 0, .81));
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.realnav {
  height: 40px;
}

.realnav ul {
  display: flex;
  margin: 0;
  list-style: none;
  background-color: black;
  justify-content: space-around;
  height: 100%;
  padding: 0;
}

.realnav li {
  height: 100%;
  flex-grow: 1;
}

header .realnav {
  position: fixed;
  width: 100%;
  z-index: 50;
}

video {
  position: absolute;
}
.realnav img{
  height: 40px;
  width: 125px;
  padding: 0.25rem 0;
}
ul a {
  font-size: 0.75rem;
  flex-grow: 1;
  text-decoration: none;
  color: #c4b374;
  transition: all 1s;
  display: flex;
  text-align: center;
  height: 100%;
  align-items: center;
  justify-content: center;
}

ul a:hover{
  text-decoration: underline;
}

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
}

.logo-container .figcaption {
    color: #c4b374;
    z-index: 0;
    text-align: center;
    width: 100%;
    margin-top: 3%;
    font-size: 1.5rem;
}
.snps-logo {
    max-width: 40rem;
    z-index: 0;
}

.arrowdown{
    position: absolute;
    bottom: 30px;
    font-size: 2rem;
    color: #c4b374;
}

#services{
    display: flex;
}

/* ----------------------LANDING SERVICES------------------------------------- */
.containerservicesa{
    width: 35%;
    background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('leftpic.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
}

.containerservicesa h3 {
    font-size: 2rem;
    font-weight: 700;
    color: black;
    text-align: center;
    margin: 0;
    border: 5px solid black;
    padding: 0.25rem;
}

.containerservicesb{
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.containerservicesb i {
    font-size: 3rem;
    color: #c4b374;
}
.containerservicesb div{
    width: 50%;
    padding: 3rem;
    text-align: center;
    background-color: #F3F3F3;
    transition: all 0.5s;
}

.containerservicesb div:hover {
    background-color: rgba(194, 173, 105, 0.35);
    transition: all 0.5s;
}

.containerservicesb p {
    font-size: 0.8rem;
    line-height: 1.25rem;
    padding-bottom: 1rem;
}
/* ------------------ABOUT US LANDING----------------------------------------- */

.who{
    display: flex;
    background-color: #c4b374;
}

.whoa{
    width: 50%;
    padding-left: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 5%;
    background-color: #F3F3F3;
}

.whoa h3{
    font-style: italic;
    font-weight: 400;
    font-size: 2rem;
    margin:0;
    color: #c4b374;
    padding-bottom: 0.5rem;
}

.whoa h2{
    font-style: bold;
    margin: 0;
    padding-bottom: 1rem;
}

.whoa span{
    color: #c4b374;
}

.whoa p {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
}

.path {
    display: flex;
    position: relative;
}

.path i {
    font-size: 2rem;
    padding: 1rem;
    color: #c4b374
}

.line{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    top: -60px;
    color: lightgray;
}

.linemobile{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: relative;
  top: -78px;
  color: lightgray;
  display: none;
}


.icons{
    text-align: center;
}

.icons p {
    font-weight: 700;
    padding-top: 0.5rem;
    padding-bottom: 2.5rem;
}
.whobcolumnone{
    width: 50%;
}
.whobcolumntwo{
    width: 50%;
}

.whob{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whob img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whob figure{
    width: 100%;
    height: 100%;
    padding: 3rem;
}
/* ------------------FORM----------------------------------------- */
.button{
    background-color: black;
    padding: 0.75rem;
    color: #c4b374;
    text-decoration: none;
    margin-top: 1rem;
    transition: 1s all;
}

form .button{
    background: #c4b374;
    color: black;
    border-radius: 15px;
    border: 3px solid black;
}

form .button:hover {
  border: 3px solid #c4b374;
  background: black;
  color: #c4b374;
}

.button:hover {
    background-color: #c4b374;
    color: black;
    border: 3px solid black;
}

.reviewtitle{
    margin: 0;
    background: black;
    padding: 2rem;
}

.formcontainer{
    display: flex;
    flex-direction: column;
}

.formcontainer h3{
    color:#c4b374;
    font-size: 2rem;
    text-align: center;
    margin: 0;
}
/* FOOTER--------------------- */

footer ul {
    display: flex;
    flex-wrap: wrap;
}

.footerdiv{
  display: flex;
  width: 33.33%;
  height: 100%;
  align-items: center;
}

footer li {
    height: auto;
    padding: 1rem;
}

footer a{
    padding: 0.1rem;
    text-align: center;
}

.contactuscontainer{
  display: flex;
  flex-direction: flex;
  flex-wrap: wrap;
}

.contactuscontainer h3{
  font-size: 2.5rem;
  color: #c4b374;
  text-align: center;
}

.footercontainer {
  width: 65%;
}

.meetingcontainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.meetingcontainer{
  width: 35%;
}

.meetingcontainer .button {
  background: #c4b374;
  color: black;
  border-radius: 15px;
  border: 3px solid black;
}

.meetingcontainer .button:hover {
  border: 3px solid #c4b374;
  background: black;
  color: #c4b374;
}

.footercontainer figure {
    width: 20rem;
}

form{
    display: flex;
    flex-direction: column;
    padding: 2rem;
}
label{
    color: #c4b374;
    padding: 0.5rem 0;
}
footer{
    background: black;
}

.footerfigurecont{
    display: flex;
    width: 100%;
    color:#c4b374;
    justify-content: space-between;
    align-items: center;
    height: 14rem;
}

.info{
    display: flex;
    padding: 1rem;
}

.footerdivinfo{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: left;
}

.footerdivfollow{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.infocontainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footerdivfollow li{
  list-style: none;
  margin: 0;
  width: 4rem;
}

.footerdivfollow i {
  font-size: 3rem;
  padding: 0.5rem;
  border: 3px solid transparent;
}

.footerdivfollow i:hover {
  border: 3px solid #c4b374;
  transition: all 1s ease;
}

.footerdivfollow a:hover {
  text-decoration: none;
}
.footerdivfollow ul{
  margin: 0;
  padding: 0;
}
input {
    border-radius: 25px;
}

textarea {
    border-radius:  15px;;
}

.info p {
    margin: 0;
    padding-left: 0.5rem;
}

.client {
    background-color: #c4b374;
    color: black;
}
/* ----------------slider-------------------------- */
.bx-has-pager /* nav */ {
    text-align:center;
    margin-top:2em
  }
  .bx-pager-item {
    display:inline-block;
    margin:0 .5em;
    color:#000
  }
  .bx-pager-link {
    width:44px;
    height:44px;
    line-height:44px;
    display:block
  }
  .bx-pager-link.active {
    background:#000;
    border-radius:22px;
    color:#fff;
  }
  blockquote{
      padding-top: 2rem;
      margin-bottom: 0 !important;
  }
  cite {
    color:grey;
    text-align:center;
    width:100%;
    float:left;
  }
  .testimonials /* wrap */ {
    text-align:center;
    color:#000
  }
  .testimonial blockquote { 
    font-size:1.4em;
    @media all and ( max-width:640px ) { /* sample of some responsive style */
      font-size:1.1em
    }
  }

/* ----------------about us page----------------- */

.aboutusheader{
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('aboutpageheader.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.aboutusheader h2{
  margin-top: 64px;
  color: black;
  font-size: 2.5rem;
  border: 5px black solid;
  padding: 1rem;
}
.aboutpage {
  display: flex;
}

.titleabout {
  display: flex;
}

.titleabout i {
  text-align: center;
  font-size: 2rem;
  color: #c4b374;
  padding-right: 1rem;
}

.aboutpage h3{
  margin: 0;
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  color: black;
  text-align: center;
}

.aboutone {
  width: 50%;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.abouttwo {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.mision {
  display: flex;
}

.titlemision{
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2rem;
}
.vision{
  width: 25%;
}

.purpose{
  width: 25%;
}

.mission{
  width: 50%;
}


.titlemision i{
  font-size: 2rem;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
  background-color: black;
  color: #c4b374;
}

.titlemision h3{
  font-size: 2rem
}

.misionuno{
  background-color: #c4b374;
}

.misiondos {
  background-color: #F3F3F3;
}

.misiondos li{
  padding: 0.35rem;
  text-align: center
}

.servicespage {
  background-color: #F3F3F3;
}

.titleservices h2{
  margin: 0 auto;
  text-align: center;
  font-size: 2.5rem;
  border: 5px black solid;
  padding: 1rem;
  display: block;
  background-color: #c4b374;

}

.titleservices{
  display: flex;
  margin-bottom: 2rem;
}
.servicediv{
  display: flex;
  padding: 1rem 4rem; 
}

.servtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.servtitle i{
  font-size: 2rem;
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
  background-color: black;
  color: #c4b374;text-align: center;
}

.servicedivleft{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 2rem;
  margin: 2rem;
  border-radius: 50px;
}

.servicedivright{
  width: 50%;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bookkeping{
  background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('bookkeping.jpeg');
  background-size: cover;
}

.taxation{
  background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('taxes.jpg');
  background-size: cover;
}

.controllership{
  background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('controller.jpg');
  background-size: cover; 
}

.administration{
  background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('administration.jpg');
  background-size: cover; 
}

.advice{
  background:linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url('Advice.jpg');
  background-size: cover; 
}

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

.testimonial{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
}

.testimonial figure:nth-child(odd){
  align-self: flex-start;
}

.testimonial figure:nth-child(even){
  align-self: flex-end;
}

.snip1533 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #9e9e9e;
  display: inline-block;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  margin: 35px 10px 10px;
  position: relative;
  text-align: center;
  width: 60%;
  background-color: #ffffff;
  border-radius: 5px;
  border-top: 5px solid #c4b374;
}

.snip1533 *,
.snip1533 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.snip1533 figcaption {
  padding: 1% 10% 12%;
}

.snip1533 figcaption:before {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  color: #c4b374;
  content: "\f10e";
  font-family: 'FontAwesome';
  font-size: 32px;
  font-style: normal;
  left: 50%;
  line-height: 60px;
  position: absolute;
  top: -30px;
  width: 60px;

}

.snip1533 h3 {
  color: #3c3c3c;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0 5px;
}

.snip1533 h4 {
  font-weight: 400;
  margin: 0;
  opacity: 0.5;
}

.snip1533 blockquote {
  font-style: italic;
  font-weight: 300;
  margin: 0 0 20px;
}

/* -----------contact us--------------- */

.contactussection{
  background-color: black;
}


/* hamburguer menu */
.menu-wrap{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
}

.menu-wrap .toggler {
  position: absolute;
  top:0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  width: 50px;
  height: 50px;
  opacity: 0;
}

.menu-wrap .hamburguer{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  padding: 1rem;
  background-color: rgba(0, 0, 0, .81);
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-wrap .hamburguer > div {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.menu-wrap .hamburguer > div:before, .menu-wrap .hamburguer > div:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 2px;
  background: inherit;
}

.menu-wrap .hamburguer > div:after {
  top: 10px;
}

/* toggler animate */
.menu-wrap .toggler:checked + .hamburguer > div {
  transform: rotate(135deg);
}

/* turn lines in to x */
.menu-wrap .toggler:checked + .hamburguer > div:before,.menu-wrap .toggler:checked + .hamburguer > div:after {
  top: 0;
  transform: rotate(90deg);
}

/* rotate on hover when checked */
.menu-wrap .toggler:checked:hover + .hamburguer > div {
  transform: rotate(225deg);
}

.menu-wrap .menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-wrap .menu > div {
  background: rgba(0, 0, 0, .96);
  border-radius: 50%;
  z-index: 39823899823;
  width: 200vw;
  height: 200vw;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.4s ease;
}

.menu-wrap .menu > div > div {
  text-align: center;
  max-width: 100vw;
  width: 100%;
  max-height: 100vh;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.menu-wrap .toggler:checked ~ .menu {
  visibility: visible;
}

.menu-wrap .toggler:checked ~ .menu > div {
  transform: scale(1);
}


.menu-wrap .toggler:checked ~ .menu > div > div {
  opacity: 1;
  transition: opacity 0.4s ease;
}

.menu-wrap ul {
  flex-direction: column;
  height: 100vh;
  padding: 0;
  margin: 0;
  justify-content: space-around;
  align-items: center;
  display: flex;
  background-color: black;
}

.menu-wrap li {
  width: 100%;
}

.menu-wrap img {
  width: 16rem;
}

.menu-wrap a{
  font-size: 1rem;
  padding: 1.5rem;
  border: 1px solid transparent;
}

.menu-wrap a:hover {
  border: 1px solid #c4b374;
}

form input{
  padding-left: 1rem;
}
form textarea{
  padding-left: 1rem;
}
/* hamburguer menu */

/* MEDIA QUERIES */

@media (max-width: 1476px){
  .whob figure{
    padding: 1.5rem;
  }

  .whoa {
    padding: 2.5%;
  }
}

@media (max-width: 1270px){

  .whob figure{
    padding: 1.5rem;
  }

  .whoa {
    padding: 2.5%;
  }
}

@media (max-width: 1186px){
  .who{
    flex-wrap: wrap;
  }

  .whoa{
    width:100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 4rem;
  }

  .whoa .path{
    justify-content: center;
  }

  .whob{
    width: 100%;
  }
}

@media (max-width: 1080px) {
  #services{
    flex-wrap: wrap;
  }

  .containerservicesa {
    width: 100%;
    padding: 9rem 0;
    background: linear-gradient(to bottom, rgba(194, 173, 105, 0.91), rgba(194, 173, 105, 0.55)), url(widepic.jpg);
  }
  .containerservicesb {
    width: 100%;
  }

  .whob{
    order: 1;
  }

  .whoa {
    order: 2;
  }

  .footerdivfollow i {
    font-size: 2rem;
  }

  .footerdivfollow li {
    width: 50%;
    padding: 0.5rem;
  }

  .mision{
    flex-wrap: wrap;
  }

  .titlemision{
    width: 100%;
  }

  .aboutone{
    padding-left: 4rem;
    padding-right: 0rem;
  }

  .servicediv{
    padding: 1rem 2rem;
  }
}

@media (max-width: 850px) {
  .realnav{
    display: none;
  }
  .menu-wrap{
    visibility: visible !important;
  }
  .footercontainer{
    flex-wrap: wrap;
    height: auto;
  }
  .footerdivfollow li {
    width: 50%
  }

  .footerdivinfo {
    order: 3;
    width: 50%;
  }

  .footerdivlogo {
    order: 2;
    width: 50%;
    justify-content: center;
    align-items: center;
  }

  .footerdivfollow{
    order: 1;
    width: 100%;
    padding: 1rem;
  }
  .footerdivfollow li {
    width: 25%;
  }
  .containerservicesb .button{
    display: inline-block
  }

  .containerservicesb div {
    padding: 2rem;
  }

  .snps-logo{
    padding: 1rem;
  }

  .figcaption {
    padding: 0rem 5rem;
  }

  .aboutpage{
    flex-wrap: wrap;
  }

  .aboutone {
    width: 100%;
    padding: 3rem;
  }

  .aboutone .titleabout{
    padding-bottom: 1.5rem;
  }
  .abouttwo {
    padding: 0rem;
  }

  .abouttwo {
    width: 100%;
  }

  .testimonial figure:nth-child(odd){
    align-self: center;
  }
  
  .testimonial figure:nth-child(even){
    align-self: center;
  }

  .testimonial figure {
    width: 87%;
  }
  .aboutusheader h2 {
    font-size: 2rem;
  }

  .servicediv{
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
  }

  .servicedivleft{
    width: 100%;
  }

  .servicedivright{
    width: 100%;
  }

  video {
    display: none;
  }
  header{
    background: url(chessmobile.png);
    background-size: cover;
  }
  .overlay{
    background: linear-gradient(to bottom, rgba(0, 0, 0, .41), rgba(0, 0, 0, .94))
  }

  .meetingcontainer{
    width: 100%;
  }

  .formcontainer{
    width: 100%;
  }



}

@media (max-width: 600px) {
  .containerservicesb {
    flex-wrap: wrap;
  }
  .containerservicesb div {
    padding: 2rem 1rem;
    width: 100%;
  }
  .line{
    display: none;
  }
  .linemobile{
    display: flex
  }
  .whoa{
    padding: 2rem;
  }
  .footerdivinfo {
    order: 3;
    width: 100%;
  }

  .footerdivlogo {
    order: 2;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 2rem 0.25rem;
  }

  .footerdivfollow{
    order: 1;
    width: 100%;
    justify-content: space-between;
    padding: 0;
  }
  .footerdivfollow ul {
    width: 100%;
  }
  .footerdivinfo {
    width: 100%;
  }
  .infocontainer{
    width: 100%;
  }
  .infocontainer .info{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .containerservicesa{
    padding: 6rem 0;
  }
  blockquote p {
    font-size: 1rem;
    line-height: 2rem;
  }
  blockquote{
    padding-top: 0.5rem;
  }
  .logo-container .figcaption{
    font-size: 1.25rem;
    padding: 0 1rem;
  }
  .arrowdown {
    font-size: 1.5rem;
  }

  .aboutone {
    padding: 2rem;
  }

  .servicediv{
    padding: 0rem;
  }

  .servicediv{
    text-align: center;
  }

  form {
    padding: 1rem;
  }
  div.servicedivright{
    padding: 0 1rem;
  }
}

@media (max-width: 411px) {
  .containerservicesa{
    padding: 4rem 0;
  }

  .logo-container .figcaption{
    font-size: 1rem;
    padding: 0 1rem;
  }

  .aboutone {
    text-align: center;
  }

  .aboutusheader h2 {
    font-size: 1.75rem;
  }

  .servicedivleft{
    padding: 1rem;
  }

  form {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  form input {
    width: 90%;
  }
  textarea {
    width: 90%;
  }
  button {
    width: 90%;
  }
}

@media (max-width: 360px) {
  .path i {
    font-size: 1.25rem;
  }

  .aboutusheader h2{
    padding: 0;
  }

  .icons p {
    font-size: 0.5rem;
  }
  .menu-wrap a{
    padding: 0.75rem;
  }
  .containerservicesa{
    padding: 2rem 0;
  }
}