/* Add here all your css styles (customizations) */
::selection {
    color: #fff;
    background-color: #2b2727;
}
a {
    color: #2b2727;
}
a:hover, a:focus {
    color: #2b2727;
}
.va-bg {
    background-color: #2b2727;
}
.va-topbar {
    position: absolute;
    top: 19px;
    right: 53px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    color: #2b2727;
}
.va-topbar a {
    color: #2b2727;
}
.va-topbar a:hover, .va-topbar a:focus {
    text-decoration: underline;
}
.va-insta {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 1.75rem;
    color: #2b2727;
    margin: 0;
}
.va-link {
    margin: 0 10px 0 10px;
}
.va-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 160px;
}
.va-logo-small {
    width: 130px;
}
.va-header {
    padding: 150px 150px 0 150px;
    margin-bottom: 30px;
}
.va-box {
    font-family: 'Montserrat', sans-serif;
}
h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.75rem;
    color: #2b2727;
    margin-bottom: 0.2rem;
}
h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: #2b2727;
}
.u-pagination-v1-4:hover, .u-pagination-v1-4:focus {
  color: #2b2727;
  border-color: #2b2727;
}
.u-pagination-v1-4--active {
    color: #fff;
    background-color: #2b2727;
    border-color: #2b2727;
}
.u-pagination-v1-4--active:hover, .u-pagination-v1-4--active:focus {
  color: #fff;
}
h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 0.4rem;
}
p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0;
    color: #2b2727;
}
.va-about {
    background-color: #2b2727;
    border-top: 1px solid #2b2727;
    border-bottom: 1px solid #2b2727;
    margin: 20px 0 0 0;
    padding: 100px 0 100px 0;
}
.va-about p, .va-about h2 {
    color: #fff;
}
.va-about a {
    color: #fff;
}
.va-about a:hover, .va-about a:focus {
    text-decoration: underline;
}
.va-contact {
    padding: 70px 0 90px 0;
    color: #2b2727;
}
.va-footer {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 30px 0 30px 0;
    color: #2b2727;
}
.hvr-shrink {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}





/*--------------------------------------------------
Medium devices (less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {

h1 {
    font-size: 1.6rem;
}
h2 {
    font-size: 1.6rem;
}
h3 {
    font-size: 1.1rem;
}
p {
    font-size: 1.1rem;
}
	
}



/*--------------------------------------------------
IPAD Medium devices (less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

.va-header {
    padding: 150px 60px 0 60px;
}
	
}



/*--------------------------------------------------
Nexus 7 Small devices (less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

.va-header {
    padding: 140px 10px 5px 10px;
}
h1 {
    font-size: 1.5rem;
}
h2 {
    font-size: 1.5rem;
}
.va-portfolio {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

}



/*--------------------------------------------------
IP 6 6+, 7+ - (less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {

.va-header {
    padding: 120px 20px 15px 20px;
}
.va-link {
    margin: 0 5px 0 5px;
}
.va-logo {
    width: 120px;
}
.va-portfolio {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
h1 {
    font-size: 1.3rem;
}
h2 {
    font-size: 1.3rem;
}
h3 {
    font-size: 1rem;
}
p {
    font-size: 1rem;
}
.list-inline-item:not(:last-child) {
    margin-right: .3rem;
}
.va-contact {
    padding: 25px 0 50px 0;
}

}