#hello { background-color: #101010; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 890px; padding: 2em; margin: 0; top: 0; left: -1px; -webkit-transition: all .5s ease; transition: all .5s ease; text-align: center; }
#hello .container { width: 90%; margin: 0 auto; max-width: 888px; position: relative; top: 40%; }
#hello h1 { font-size: 2.625em; color: #fff; width: 100%; line-height: 1.2; letter-spacing: 2.5px; margin-bottom: 1em; }
#hello .hello-btn { font-family: "BrutalBold", Arial, sans-serif; letter-spacing: 1px; font-size: 1.275em; padding: 1.275em 1.7em 1.3em; border: 1px solid #009aff; background-color: rgba(35, 119, 245, 0.21); -webkit-transition: all .3s ease; transition: all .3s ease; }
#hello .hello-btn .arrow { height: 16px; width: 23px; background-image: url("../img/ui/arrowRightWhite.svg"); margin-left: .2em; background-repeat: no-repeat; display: inherit; -webkit-transition: all .15s ease; transition: all .15s ease; -webkit-transform: translate(8px, 2px); -ms-transform: translate(8px, 2px); transform: translate(8px, 2px); }
#hello .hello-btn:hover { border: 1px solid #009aff; background-color: rgba(35, 119, 245, 0.45); }
#hello .hello-btn:hover .arrow { margin-left: .6em; }
@media (max-width: 1600px) { #hello { height: 750px; }
  #hello .container { top: 35%; } }
@media (max-width: 1366px) { #hello { height: 600px; }
  #hello .container { top: 30%; } }
@media (max-width: 768px) { #hello .container { top: 25%; } }
@media (max-width: 640px) { #hello { height: 700px; } }
@media (max-width: 480px) { #hello { height: 400px; }
  #hello .container { top: 20%; }
  #hello h1 { font-size: 1.5em; }
  #hello .hello-btn { padding: 1em 1.2em 1em; font-size: 1em; }
  #hello .hello-btn .arrow { background-size: contain; -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px); height: 11px; width: 21px; } }

#badges { position: relative; top: 0; left: 0; width: 100%; padding: 4em 0; -webkit-box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12); }
#badges .badge { display: block; -webkit-transition: all .5s ease; transition: all .5s ease; padding: 1em; width: 100%; text-align: center; border: 1px solid #fff; color: #111111; }
#badges .badge .badge-img { width: 100%; height: 150px; opacity: 1; -webkit-transition: all .5s ease; transition: all .5s ease; }
#badges .badge h3 { font-size: 1.5em; }
#badges .badge:hover { border: 1px solid #ffad00; -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFFDFA; }
#badges .badge:hover .badge-img { opacity: 1; }

#last-works { width: 100%; position: relative; padding: 3em 0; }

.center-headers { text-align: center; }
.center-headers h2, .center-headers h3 { font-size: 2em; letter-spacing: 1.5px; margin: 0; }
.center-headers a { background: #111; padding: .3em 1em .4em; -webkit-border-radius: 100px; border-radius: 100px; color: #fff; font-family: "BrutalLight", Arial, sans-serif; margin-bottom: 3em; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease; border: 0; }
.center-headers a:hover { background: #ffad00; color: #111111; }

#testimonials { width: 100%; position: relative; padding: 0 0 3em; }
#testimonials .slider { margin: 0 auto; width: 90%; max-width: 990px; -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); }
#testimonials .slide { width: 100%; padding: 2.3em; }
#testimonials .slide .name { font-family: "BrutalBold", Arial, sans-serif; float: left; display: block; font-size: 1.275em; letter-spacing: 1px; }
#testimonials .slide .date { font-family: "BrutalLight", Arial, sans-serif; float: right; display: block; font-size: .875em; letter-spacing: 1px; }
#testimonials .slide p { position: relative; top: 1.5em; display: block; clear: both; font-size: .875em; line-height: 1.9em; text-align: justify; }
#testimonials .slider-arrows { width: 100px; height: 20px; margin: 0 auto; position: relative; top: 2em; margin-bottom: 2em; }
#testimonials .slider-arrows .arrow-left, #testimonials .slider-arrows .arrow-right { width: 23px; height: 16px; float: left; -webkit-transition: all .15s ease; transition: all .15s ease; }
#testimonials .slider-arrows .arrow-left:hover, #testimonials .slider-arrows .arrow-right:hover { cursor: pointer; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
#testimonials .slider-arrows .arrow-right { float: right; }
#testimonials .slider-arrows .arrow-right:hover #arrowRight { fill: #ffad00; }
#testimonials .slider-arrows .arrow-left:hover #arrowRight { fill: #ffad00; }

/*# sourceMappingURL=index.css.map */