@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

ul, dl {
    list-style:none;
 width:100%;
}

a {
  text-decoration:none;
  background: none;
  }

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
}

html,body {margin:0;padding:0;}





/*~~~~~~~~~~~~~~~~~~~~~~ Responsive Resets ~~~~~~~~~~~~~~~~~~~~~~*/

@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

html {
  overflow-y: auto;
}

img,
audio,
video,
canvas {
  max-width: 100%;
}




/*~~~~~~~~~~~~~~~~~~~~~~ Site Info~~~~~~~~~~~~~~~~~~~~~~

Site Name: Ferguson, Holmes and Shanklin
Designer: Brendan Pittman
Developer: Brendan Pittman

Header:  #122230
Navy: 	#15283a
Gold:  	#cdc361
Grey: 	#6f787f

*/





/*~~~~~~~~~~~~~~~~~~~~~~ Layout ~~~~~~~~~~~~~~~~~~~~~~*/
body {
	font-family: "abril-text",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #6f787f;
	line-height: 1.6rem;
	background: #000;
}

.container {
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
}

#sticker {
	cursor: pointer;
}

.contact {
	position: absolute;
	z-index: 3;
	right: 0px;
	top: 0px;
	width: 160px;
}

.contact-copy {
	position: absolute;
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: .8125rem;
	color: #15283a;
	text-transform: uppercase;
	letter-spacing: 2px;
	top: 0px;
	right: 0px;
	background: #fff;
	padding: 15px 0 15px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 160px;
}

header {
	height: auto;
}

main {
	position: relative;
	width: 100%;
	background-color: #fff;
	height: auto;
	padding: 140px 0 30px;
}

footer {
	background: #fff;
	position: relative;
	width: 100%;
}

body::before {
	  /* never visible - this is used in jQuery to check the current MQ */
	  content: 'mobile';
	  display: none;
}
@media only screen and (min-width: 960px) {
	body::before {
	/* never visible - this is used in jQuery to check the current MQ */
	content: 'desktop';
	}
}
@media only screen and (min-width: 960px) {
	.cd-section {
		height: 100vh;
	}
}
.cd-block {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-block {
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
}
.cd-section .cd-block {
	visibility: visible;
	height: 100vh;
	background-color: #122230;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.windmill {
	position: fixed;
	top: -35px;
	right: -100px;
	width: 50%;
	opacity: .5;
}
.intro-wrap {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	top: 47%;
	-webkit-transform: translateY(-53%);
	-ms-transform: translateY(-53%)
	transform: translateY(-53%);
}
.intro-logo {
	margin-bottom: 40px;
	width: 95px;
}
.intro-header {
	max-width: 860px;
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 2.625rem;
	line-height: 1.2;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
.intro-body {
	max-width: 860px;
	font-family: "abril-text",sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.5;
	opacity: .3;
}

/*~~~~~~~~~~~~~~~~~ CONTACT OVERLAY~~~~~~~~~~~~~~~ */
/* Overlay style */
.overlay {
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(11, 24, 33, .95);
	padding-top: 40px;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url("/assets/img/cross.png") no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 9999;
}

/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.overlay-address {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	font-size: 1.625rem;
	line-height: 1.4;
	margin-bottom: 35px;
}

dt {
	font-family: "tablet-gothic-wide",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 12px;
}

dd {
	font-size: 1.25rem;
	margin-bottom: 35px;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}

.footer-lockup {
	width: 600px;
}

@media only screen and (min-width: 960px) {
	.cd-block {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		top: 0;
		left: 0;
		height: 100vh;
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
		visibility: hidden;
	  }
	  .cd-section:first-of-type .cd-block {
	    visibility: visible;
	  }
}


/*~~~~~~~~~~~~~~~~~~~~~~ Typography ~~~~~~~~~~~~~~~~~~~~~~*/
p {
	font-size: 1em;
}

blockquote {

}


/*~~~~~~~~~~~~~~~~~~~~~~ Links ~~~~~~~~~~~~~~~~~~~~~~*/
a {
	text-decoration: none;
	color: #6f787f;
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

a:hover {
	color: #fff;
}


/*~~~~~~~~~~~~~~~~~~~~~~ Media ~~~~~~~~~~~~~~~~~~~~~~*/
img {
    max-width:100%;
    height: auto;
    /*width:100%*/
}


/*~~~~~~~~~~~~~~~~~~~~~~ Fun ~~~~~~~~~~~~~~~~~~~~~~*/

::-moz-selection
{
	color:
	background:
}

::selection
{
	color:
	background:
}

::-webkit-selection
{
	color:
	background:
}

.bump {
	width: 100%;
	clear: both;
	height: 40px;
}

.bump-lg {
	width: 100%;
	clear: both;
	height: 80px;
}

.rule {
	border-top: 1px solid #ddd;
	margin: 40px 0;
}

.center {
	text-align: center;
}

.nomar {
	margin: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~ Columns ~~~~~~~~~~~~~~~~~~~~~~~~~*/
.onecol, .twocol, .threecol, .threecol-2, .fourcol, .fourcol-3, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4, .sixcol {
	height: auto;
	float: left;
	margin: 0 1.25%;
	display: block;
	overflow: hidden;
}

.onecol {
	width: 97.5%; /*1170/1200*/
}

.twocol {
	width: 47.5%; /*570/1200 */
}

.threecol {
    width: 30.833333333333%; /* 370/1200 */
}

.threecol-2 {
    width: 64.166666666667%; /* 770/1200 */
}

.fourcol {
    width: 22.5%; /* 270/1200 */
}

.fourcol-3 {
    width: 72.5%; /* 870/1200 */
}

.fivecol {
    width: 17.5%; /* 210/1200 */
}

.fivecol-2 {
    width: 37.5%; /* 450/1200 */
}

.fivecol-3 {
    width: 57.5%; /* 690/1200 */
}

.fivecol-4 {
    width: 77.5%; /* 930/1200 */
}

.sixcol {
    width: 14.166666666667%; /* 170/1200 */
}

.twelvecol {
	width: 5.833333333333%; /* 70/1200 */
}



/*~~~~~~~~~~~~~~~~~~~~~~ Main Elements ~~~~~~~~~~~~~~~~~~~~~~*/
section {
	margin-bottom: 180px;
}

.label, .attorney {
	font-family: "tablet-gothic-wide",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 1.325rem;
	letter-spacing: 3px;
	color: #cdc361;
	line-height: 2;
}

.attorney {
	font-size: 1.5rem;
	letter-spacing: normal;
	color: #15283a;
	line-height: 1.5;
	margin: 40px 0 0;
}

.section-head {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #15283a;
	font-size: 2.75rem;
	line-height: 1.4;
	margin-bottom: 15px;
}

.body-big {
	font-size: 1.325rem;
	line-height: 1.6;
}

.divider-1, .divider-2, .divider-3 {
	position: relative;
	width: 100%;
	height: 900px;
	min-width: 100%;
	text-align: center;
	margin: 0 auto 160px;
	background-image: url("/assets/img/cattle.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size:cover;
	background-size:cover;
}

.divider-2 {
	background-image: url("/assets/img/marfa.jpg");
}

.divider-3 {
	height: 500px;
	background-image: url("/assets/img/footer-cattle.jpg");
	margin-bottom: 0px;
	background-position: top center;
}

.divider-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.divider-heading {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 30px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 6px;
}

.divider-tag {
	font-family: "abril-text",sans-serif;
	font-weight: 300;
	font-size: 1.25rem;
	color: #fff;
	line-height: 1.3;
}

hr.divider-rule {
	width: 120px;
	height: 6px;
	background: #fff;
	margin: 0 auto 40px;
	display: block;
	border: 0;
}

.practice {
	margin: 0 0 140px;
}

.practice .section-head {
	margin-bottom: 100px;
}

.practice-area {
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 80px;
	margin-bottom: 80px;
}

.practice-area img {
	height: 90px;
	margin-bottom: 20px;
}

.practice-label, .practice-detail-heading {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	color: #15283a;
	letter-spacing: 1px;
	font-size: .9375rem;
	line-height: 1.5;
}

.practice-detail-heading {
	margin: 2.5em 0 0;
	color: #15283a;
	text-transform: uppercase;
}

.practice-detail-heading:first-of-type {
  margin-top: 0;
}

.practice-detail-heading {
	font-size: 1.25rem;
	margin-bottom: none;
}

.button {
	font-family: "tablet-gothic-wide",sans-serif;
	display: block;
	padding: 1em 0;
	text-align: center;
	width: 220px;
	-webkit-border-radius: 3px;
	border: 2px solid #15283a;
	border-radius: 100px;
	color: #15283a;
	font-size: .8325rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin: 15px auto;
}

.button:hover {
	color: #fff;
	background: #15283a;
}

/*~~~~~~~~~~~~~~~~~~ Side Panel ~~~~~~~~~~~~~~~~~~~~~~~*/
.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  z-index: 9999 !important;
}
.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel-header {
  position: fixed;
  width: 90%;
  height: 80px;
  line-height: 80px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1 {
	font-family: "tablet-gothic-condensed",sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #15283a;
	font-size: 1.75rem;
	padding-left: 5%;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -80px;
}
.from-right .cd-panel-header {
  right: 0;
}
.from-left .cd-panel-header {
  left: 0;
}
.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-header {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-header {
    width: 35%;
  }
}
.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  top: 40px;
  left: 22px;
  height: 3px;
  width: 20px;
  background: #cdc361;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
  background-color: #fff;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #cdc361;
}

.cd-panel-container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #fff;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-container {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-container {
    width: 35%;
  }
}

.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 110px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 768px) {
  .cd-panel-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}


/*  Media Queries */
/* ~~~~~~~~~~~~~~~~~~~~ iPad Portrait ~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 959px) {

.onecol, .twocol, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4, .sixcol {
	width: 97.5%;
}

.threecol {
    width: 31.25%; /* 300/960 */
}

.threecol-2 {
    width: 64.583333333333%; /* 620/960 */
}

.fourcol {
    width: 22.916666666667%; /* 220/960 */
}

.fourcol-3 {
    width: 72.916666666667%; /* 700/960 */
}

.overlay {
	padding-top: 10px;
}

.overlay-address {
	font-size: 1.325rem;
}

dt {
	font-weight: 600;
	font-size: .75rem;
	margin-bottom: 8px;
}

dd {
	font-size: 1rem;
	margin-bottom: 15px;
}

}/* /iPad Portrait */



/* ~~~~~~~~~~~~~~~~~~~~ iPhone Landscape/Small Tablet ~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 767px) {
.onecol, .twocol, .threecol, .threecol-2, .fourcol, .fourcol-3, .fivecol, .fivecol-2, .fivecol-3, .fivecol-4, .sixcol, .button {
	width: 97.5%;
}

.windmill {
	display: none;
}

.intro-logo {
	width: 75px;
}

.intro-header {
	font-size: 2.125rem;
	line-height: 1.2;
	margin-bottom: 20px;
}
.intro-body {
	max-width: 90%;
	font-size: 1.325rem;
}

section, .divider-1, .divider-2 {
	margin-bottom: 0px;
}

.divider-1, .divider-2 {
	margin-bottom: 60px;
}

}/* /iPhone Landscape/Small Tablet */






/* ~~~~~~~~~~~~~~~~~~~~ Small Mobile/iPhone(portrait) ~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 479px) {
.container {
    padding: 0 12px;
}


}/* /iPhone port and small phones */






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Super Small Mobile ~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 319px) {

section, .divider-1, .divider-2 {
	margin-bottom: 0px;
}

}/* /small mobile*/