/*
Theme Name: Vinistudio Digital Art
Theme URI: https://vinistudio.com/themes/vinistudio/
Author: Vini Krumenauer
Author URI: https://vinistudio.com/
Description: The responsive web portfolio theme of Vinistudio Digital Art
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column
Text Domain: vinistudio
*/

/* Global
================================ */

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

/* Typography
================================ */

html { 
  font-size: 62.5%; 
}

body {
  color: #2e3338;
  background: #f5f5f5;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  font-size: 1.75rem;
  line-height: 1.5rem;
  letter-spacing: 0.15rem;
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -ms-font-feature-settings: "kern";
  -o-font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern", "liga";
  animation: fadein 2s;
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -moz-animation: fadein 2s; /* Firefox */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera */
}

.off-canvas-content {
  background: #f5f5f5;
}

p {
  font-size: 1.4rem;
  line-height: 1.75;
  margin-bottom: 0rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Slab', sans-serif;
  margin-bottom: 0rem;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
  /*font-variant: small-caps;*/
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

ul {
  margin-left: 0rem;
  margin-bottom: 0rem;
}

li {
  list-style: none;
}

p + p, p + img, img + p {
  margin-top: 1.5rem;
}

.blackbox {
  /*box-shadow: 4px 4px 2px rgba(0,0,0,0.4);*/
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0.5rem;
  color: #f9f9f9;
  background-color: #2e3338;
  font-variant: small-caps;
  font-family: 'Droid Serif', serif;
}

#intro h1 {
  margin-bottom: 1.5rem;
}

#tagline h1 {
  padding-bottom: 1px;
}

/* Layout
================================ */

.row { 
  max-width: 100rem;
}

.column, .columns {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

#logo {
  padding-top: 6.2rem;
}

#intro, #page-content, #featured, #portfolio, #portfolio-single, #blog, #blog-single, #about, #slideshow, #clients, #callout, #contact, #footer {
  margin-top: 9rem;
}

#tagline {
  margin-top: 8rem;
}

hr {
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #fff;
}

.clearfix {
  content: " ";
  display: table;
  clear: both;
}

.bg {
  background: url(http://www.vinistudio.com/wp-content/uploads/2016/07/vinistudio-bg-small.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 1.4rem;
  max-width: 100%;
}

/* Toggle Navigation
================================ */

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #fff;
}

.menu-icon::after {
 background: #2e3338;
 box-shadow: 0 0.7rem 0 #2e3338, 0 1.4rem 0 #2e3338;
}

.title-bar {
  background-color: #f5f5f5;
  color: #2e3338;
  padding-top: 1.5rem;
  padding-left: 1rem;
}

.off-canvas-content {
  box-shadow: none;
}

.off-canvas, .off-canvas-wrapper {
  background: #f0f2f3;
  background-image: url(http://www.vinistudio.com/wp-content/uploads/2016/07/img-noise.png);
}

.off-canvas ul li:nth-child(n+1) {
  margin-top: 2rem;
}

ul.vertical.dropdown.menu {
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(150, 150, 150, 1);
}

ul.vertical.dropdown.menu a {
  display: inline-block;
}

ul.vertical.dropdown.menu:nth-child(n+1) {
  margin-top: 2.5rem;
}

/* Navigation
================================= */

#nav-bar {
  margin-top: 6.8rem;
} 

.menu-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

/* Navigation Dropdown
================================ */

/*.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #2e3338 transparent transparent;
}

.dropdown {
  border: none;
}

.is-submenu-item.is-dropdown-submenu-item {
  margin: 0rem;
  text-indent: 0rem;
  list-style: none;
}*/

/* Navigation Links
================================= */

.menu li a {
  text-transform: capitalize;
  padding-right: 0em;
  padding-left: 0em;
  margin-right: 3.6rem;
  margin-left: 3.6rem;
  font-weight: bold;
  border-bottom: 0.2rem solid transparent;
}

#menu-main-menu > li:nth-child(1) > a:hover, #menu-mobile-menu > li:nth-child(1) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #6f2b90;
}

#menu-main-menu > li:nth-child(2) > a:hover, #menu-mobile-menu > li:nth-child(2) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #ed1f24;
}

#menu-main-menu > li:nth-child(3) > a:hover, #menu-mobile-menu > li:nth-child(3) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #f68b32;
}

#menu-main-menu > li:nth-child(4) > a:hover, #menu-mobile-menu > li:nth-child(4) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #FBAF33;
}

#menu-main-menu > li:nth-child(5) > a:hover, #menu-mobile-menu > li:nth-child(5) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #AAD69B;
}

#menu-main-menu > li:nth-child(6) > a:hover, #menu-mobile-menu > li:nth-child(6) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #9CDCF8;
}

#menu-main-menu > li:nth-child(1) > a:hover, #menu-mobile-menu > li:nth-child(7) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #6f2b90;
}

#menu-main-menu > li:nth-child(2) > a:hover, #menu-mobile-menu > li:nth-child(8) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #ed1f24;
}

#menu-main-menu > li:nth-child(3) > a:hover, #menu-mobile-menu > li:nth-child(9) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #f68b32;
}

#menu-main-menu > li:nth-child(4) > a:hover, #menu-mobile-menu > li:nth-child(10) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #FBAF33;
}

#menu-main-menu > li:nth-child(5) > a:hover, #menu-mobile-menu > li:nth-child(11) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #AAD69B;
}

#menu-main-menu > li:nth-child(6) > a:hover, #menu-mobile-menu > li:nth-child(12) > a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #9CDCF8;
}

.menu-item a:hover {
  text-decoration: none;
  border-bottom: 0.2rem solid #f68b32;
}

.current-menu-item a {
  text-decoration: none;
  border-bottom: 0.2rem solid #6f2b90 !important;
}

/* Links
================================= */

a {
  font-weight: bold;
  transition: all 0s ease;
}

a:link, li a {
  color: #000;
  font-family: 'Roboto Slab', sans-serif;
  text-decoration: none;
  font-weight: bold;
  transition: all 0s ease;
}

a:visited {
  color: #000;
}

a:hover {
  color: #2e3338;
  text-decoration: underline;
}

/* ================================
Page Styles
================================ */

/* Featured
================================ */


/* Portfolio
================================ */

#portfolio .image-featured:not(:first-child) {
  margin-top: 3rem;
}

#portfolio h1 {
  margin-top: 1rem;
  font-weight: bold;
}

#portfolio h3 {
  font-style: italic;
}

.border-bottom-portfolio {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cacaca;
}

#portfolio img + img {
  margin-top: 1.5rem;
}

.portfolio-image {
  position: relative;
}

.portfolio-image h1 {
  font-family: 'Droid Serif', serif;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

.portfolio-image p {
  text-transform: uppercase;
}

.portfolio-image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  color: #FFF;
}

.portfolio-image:hover .overlay {
  align-self: center;
  display: block;
  background: rgba(0, 0, 0, .6);
}

.text-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlay h1 {
  color: #ffffff;
}

.overlay ul a {
  color: #ffffff;
  font-style: italic;
}

.overlay a:hover {
  border: none;
  text-decoration: none;
}

/*.portfolio-image {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}*/

/*.portfolio-image:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}*/

/* Portfolio Single
================================ */

#portfolio-single h1 {
  margin-top: 3rem;
}

#portfolio-single img + img {
  margin-top: 3rem;
}

#portfolio-single h3 {
  font-style: italic;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cacaca;
}

#portfolio-single h4 {
  font-style: italic;
  padding-bottom: 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 0.1rem solid #cacaca;
}

/*#portfolio-single p img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}*/

/* Blog (home)
================================ */

.blog-list div:nth-child(n+2) {
  margin-top: 3rem;
}

ul.post-categories li a {
  font-weight: normal;
}

#blog-single ul li {
  font-size: 1.75rem;
  font-style: italic;
}

.blog-list ul:nth-child(n+2) {
  border-top: 0.1rem solid #f0f2f3;
  padding-top: 0.5rem;
  margin-top: 0.6rem;
}

.widget {
  margin: 0rem;
}

.widget:nth-child(1) {
  margin-top: 4.5rem;
}

.widget + .widget {
  margin-top: 3rem;
}

/*.widgets-list {
  margin-top: 3rem;
}*/

div.widget h2 {
  font-size: 2.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cacaca;
}

/* Blog Single
================================ */

#blog-single h1 {
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cacaca;
  /*font-weight: bold;*/
}

#blog-single p + p {
  margin-top: 3rem;
}

/*#blog-single img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}*/

/* About
================================ */

.about-item:not(:first-child) {
  margin-top: 4.5rem;
}

#about img {
  border-radius: 50%;
}

#about h3 {
  display: inline-block;
  margin-right: 11rem;
}

/* Contact
================================ */

.contact-list li:not(:first-child) {
  margin-top: 3rem;
}

/* Callout
================================ */

#callout {
  font-family: 'Droid Serif', serif;
}

#callout a {
  color: #000000;
  transition: all 0.4s ease;
}

#callout a:hover {
  color: #2e3338;
}

/* Clients Styles
================================ */

#clients {
  color: #2e3338;
  background: #ffffff;
  padding: 7.5rem 9rem 9rem 9rem;
}

#clients div div :nth-child(1) {
  margin-top: 1.5rem;
}

#clients div div {
  margin-top: 1.5rem;
}

#clients h6 {
  letter-spacing: 0.3rem;
}

/* Footer
================================ */

#footer {
  font-family: 'Roboto', sans-serif;
  color: #2e3338;
  padding-top: 9rem; 
  padding-bottom: 7.6rem;
  background-color: #000;
  position: relative;
}

#footer a {
  color: #f0f2f3;
  transition: all 0.2s ease;
}

#footer a:hover {
  color: #f68b32;
}

/* Logos & Icons
================================= */

.arrow {
  width: 2.7rem;
}

.arrow-footer {
  width: 2.7rem;
}

.arrow-footer {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}

.arrow-footer:hover {
  opacity: 0.15;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

/* Border Colors
================================= */

.border-top-dark-gray {
  border-top: 2px solid #2e3338;
}

.border-top-dotted-light-gray {
  border-top: 2px dotted #f0f2f3;
}

.border-top-dotted-light-gray {
  border-top: 2px dotted #f0f2f3;
}

.border-bottom-light-gray {
  border-bottom: 2px solid #f0f2f3;
}

.border-bottom-gray {
  border-bottom: 2px solid #cacaca;
}

.border-top-violet {
  border-top: 2px solid #6f2b90;
}

.border-bottom-violet {
  border-bottom: 2px solid #6f2b90;
}

.border-top-deep-blue {
  border-top: 2px solid #14b0e6;
}

.border-top-deep-blue-dotted {
  border-top: 2px dotted #14b0e6;
}

.border-top-medium-blue {
  border-top: 2px solid #43C7F4;
}

.border-top-light-blue {
  border-top: 2px solid #9CDCF8;
}

.border-bottom-light-blue {
  border-bottom: 2px solid #9CDCF8;
}

.border-top-light-green {
  border-top: 2px solid #aad69b;
}

.border-bottom-light-green {
  border-bottom: 2px solid #AAD69B;
}

.border-top-medium-green {
  border-top: 2px solid #6dbf67;
}

.border-top-forrest-green {
  border-top: 2px solid #0db14b;
}

.border-top-yellow {
  border-top: 2px solid #FFCB04;
}

.border-top-medium-yellow {
  border-top: 2px solid #FBAF33;
}

.border-top-orange {
  border-top: 2px solid #f68b32;
}

.border-bottom-orange {
  border-bottom: 2px solid #f68b32;
}

.border-top-deep-orange {
  border-top: 2px solid #f16521;
}

.border-top-red {
  border-top: 2px solid #ed1f24;
}

.border-bottom {
  border-bottom: 2px solid #2e3338;
}

/* Form
================================= */

.form-item {
  display: block;
  margin: 0 0 30px;
}

.form-item .note {
  color: #d4d9dd;
  font-size: 1.2rem;
  float: right;
  position: relative;
  top: 2px;
  right: 2px;
}
.form-item .message {
  display: none;
}

.form-success {
  border-top: 1px solid #edeff0;
  margin-top: 20px;
  padding-top: 20px;
}

label {
  display: block;
  margin: 0 0 10px;
  font-size: 1.2rem;
}

input,
textarea,
button {
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
textarea,
textarea.ninja-forms-field {
  /*background: white;*/
  border: none;
  color: #2e3338;
  display: block;
  font-size: 1.4rem;
  line-height: 2em;
  padding: 10px;
  width: 100%;
  -webkit-box-shadow: inset 0 0 0 2px #d1d6d9;
  -moz-box-shadow: inset 0 0 0 2px #d1d6d9;
  box-shadow: inset 0 0 0 2px #d1d6d9;
  -webkit-transition: box-shadow 200ms ease-in-out;
  -moz-transition: box-shadow 200ms ease-in-out;
  -o-transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input:hover,
textarea:hover,
textarea.ninja-forms-field:hover {
  -webkit-box-shadow: inset 0 0 0 2px #9aa5aa;
  -moz-box-shadow: inset 0 0 0 2px #9aa5aa;
  box-shadow: inset 0 0 0 2px #9aa5aa;
}
input:focus,
textarea:focus,
textarea.ninja-forms-field:focus {
  -webkit-box-shadow: inset 0 0 0 2px #384047;
  -moz-box-shadow: inset 0 0 0 2px #384047;
  box-shadow: inset 0 0 0 2px #384047;
}
.btn, #submit, .comment-reply-link, #searchsubmit {
  display: inline-block;
  background: #000;
  color: white;
  padding: 12px 18px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
}
#submit, #searchsubmit {
  width: auto;
  border: none;
}
.comment-reply-link {
  padding: 5px 10px;
  box-shadow: none;
}
input#s {
  width: 70%;
  float: left;
  margin: 1px;
}
/*.widget {
  margin: 10px 0 20px;
}*/
.btn:hover, #submit:hover, .comment .comment-reply-link:hover {
  background: #2e3338;
  color: white;
}
.btn:active, #submit:active {
  background: #5a6672;
}
.btn.large, #submit.large {
  font-size: 3.6rem;
  padding: 18px 24px;
}
.btn.ghost, #submit.ghost {
  background: transparent;
  color: #384047;
  -webkit-box-shadow: inset 0 0 0 2px #384047;
  -moz-box-shadow: inset 0 0 0 2px #384047;
  box-shadow: inset 0 0 0 2px #384047;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.btn.ghost:hover, #submit.ghost:hover {
  opacity: 0.9;
}
.btn.ghost:active, #submit.ghost:active {
  color: #7e8d9a;
}

.form-item.error input {
  -webkit-box-shadow: inset 0 0 0 3px #ed5a5a;
  -moz-box-shadow: inset 0 0 0 3px #ed5a5a;
  box-shadow: inset 0 0 0 3px #ed5a5a;
}
.form-item.error .message {
  margin: 10px 0;
  display: block;
  font-style: italic;
}
.form-item.error .message.error {
  color: #ed5a5a;
}

.contact-form {
  border-top: 0px solid #edeff0;
  margin: 0;
  padding: 0;
}

/* Ninja Forms Styles
================================= */

div.ninja-forms-required-items {
  display: none;
}

.field-wrap.label-left .ninja-forms-field {
  margin-left: 0px !important;
}

#ninja_forms_field_126_div_wrap {
  margin-bottom: 0px;
}

.ninja-forms-form-wrap input {
  width: 100% !important;
}

[type='submit'], [type='button'] {
  background: #f0f2f3;
  color: #2e3338;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.4rem;
  /*padding: 1.2rem 1.8rem !important;*/
  border: none;
}

/* Wordpress Required
================================= */

.alignleft {
  float: left;
  margin: 0.375rem 1.75rem 1.75rem 0;
}

.alignright {
  float: right;
  margin: 0.375rem 0 1.75em 1.75rem;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75rem;
}

.wp-caption {
  margin-bottom: 1.75rem;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption .wp-caption-text {
  color: #686868;
  font-size: 1.3rem;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385rem;
}

.pagination .current .screen-reader-text {
  position: static !important;
}

.gallery-caption {
  color: #686868;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385rem;
}

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Genericons";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  vertical-align: top;
}

/* Animations
================================= */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* =================================
Media Queries
================================= */

/* Small - Mobile
================================= */

@media screen and (max-width: 639px) {

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

#featured .grid-item:nth-child(n+2) {
  margin-top: 3rem;
}

#about h3 {
  margin-top: 1.5rem;
}

.menu-bar  {
  justify-content: space-around;
}

#ninja_forms_form_10_all_fields_wrap {
margin-top: 3rem;
}

}

/* Medium - Tablet
================================= */

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

#logo {
  padding-top: 10rem;
}

#featured .grid-item:nth-child(n+3) {
  margin-top: 3rem;
}

#portfolio .image-featured:not(:first-child) {
  margin-top: 3rem;
}

#portfolio div + div + div {
  margin-top: 3rem;
}

#portfolio h1 {
  margin-top: -0.8rem;
}

#portfolio-single h1 {
  margin-top: -0.8rem;
}

#about h3 {
  margin-right: 4rem;
}

.about-item .blackbox:nth-child(n+3) {
  margin-top: 3rem;
}

.widget:nth-child(1) {
  margin-top: -0.8rem;
}

}

@media screen and (max-width: 1025px) {

.arrow-footer {
  width: 2.4rem;
  margin-top: 2.8rem;
}

.small-text-center {
  text-align: center;
}

}

/* Large - Desktop
================================= */

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

.menu-bar {
  justify-content: space-between;
}

.menu li a {
  margin-left: 6rem;
}

.menu li a:last-child {
  margin-right: 1.5rem;
}

#about h3 {
  margin-right: 10rem;
}

}

/* X-Large - Desktop
================================= */

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

}

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

.row { 
  max-width: 120rem;
}

}