/*!
 * Website Title Here
 *
 * Created by Visual Soldiers
 * Visit us at http://www.visualsoldiers.com
 *
 * Handcrafted with love in Atlanta!
 */


/* ==========================================================================
   Global styles
   ========================================================================== */
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');


body {
  background: #191c1d;
  color: #ffffff;
  position: relative;
}

.container {
	max-width: 1600px;
}


h1, .h1, h2, .h2, h3, .h3, p, .p, .btn, a {
	font-family: 'Montserrat', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.6rem;
}

h1, .h1 {
	font-size: 2.25rem;
	line-height: auto;
	font-weight: normal;
	letter-spacing: -2px;
}

h2, .h2 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: auto;
	letter-spacing: -0.5px;
	color: #ffffff;
}

h3, .h3 {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.4rem;
	letter-spacing: auto;
	margin-bottom: 10px;
	text-transform: uppercase;
}

p, .p {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.6rem;
}

.small, small {
  font-size: 80%;
  font-weight: 400;
}

a {
	color: #fff;
	letter-spacing: 1px;
	text-decoration: underline;
	line-height: 1.15rem;
	letter-spacing: auto;
	-webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

a:hover, a:focus {
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

/*---------------Colors-----------*/
.white {
	color: #ffffff;
}


/*--------------Buttons-----------*/
.btn {
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1rem;
	padding: 0.6rem 1.4rem;
}
.btn-primary {
    background-color: transparent;
    border-color: #fff;
    color: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0, 0.2);
    -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #191c1d;
    -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}


/* ==========================================================================
   Main Styles
   ========================================================================== */
.logo {
	margin-bottom: 0px;
	max-width: 350px;
	margin-top: 80px;
	width: 100%;
	padding: 20px 20px 0px;
}

.main {
	padding-top: 20%;
}




/* ==========================================================================
   Mobile Styles
   ========================================================================== */
/* Landscape phones and down */
@media (max-width: 480px) { 
html {
	font-size: 14px;
}



}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 
html {
	font-size: 14px;
}



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

html {
	font-size: 15px;
}



}



/* Desktops and laptops ----------- */
@media (min-width: 992px) and (max-width: 1440px) {

.main {
	height: auto;
	height: 85vh;
}

}