/* (568px and down) */
@media all and (max-width: 568px) {

.col-md-4 {
	width: 37% !important;
	padding: 0;
}

.col-md-8 {
	width: 100% !important;
	padding: 0;
}

h3 {
	padding-bottom: 12px;
}

.block {
	margin-bottom: 22px !important;
}

.wrapper {
	padding: 22px !important;
}

h1 {
	font-size: 24px !important;
	margin-top: 20px !important;
	margin-bottom: 16px !important;
}

h2 {
	font-size: 18px !important;	
	margin-bottom: 34px !important;
}

#last {
	padding-bottom: 32px !important;
}

p {
	font-size: 17px !important;
}

.head {
	margin-bottom: 8% !important;
}


.foot p {
	font-size: 13px !important;	
}

}

body {
	margin: 0;
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	padding: 18px;
}


h1 {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	margin: 0;
	text-transform: uppercase;
	color: #335266;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin-top: 34px;
	margin-bottom: 20px;
	letter-spacing: 0.07em;
}

h2 {
	font-family: "calluna", Georgia, serif;
	font-weight: 400;
	font-size: 20px;
	font-style: italic;
	margin: 0;
	color: #335266;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin-bottom: 46px;
}

h3 {
	font-family: "brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 500; /*600*/
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
	color: #335266;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: 1.7;
	letter-spacing: 0.1em;
}

p {
	font-family: "calluna", Georgia, serif;
	font-size: 16px;
	font-weight: 100;
	color: #335266;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: 1.7;
}

.foot p {
	font-family: "calluna",sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;
	color: rgba(51, 82, 102, 0.7)
}

.head {
	margin-top: 4.2%;
	max-width: 900px;
	margin-bottom: 5.8%;
}

.header-image {
	max-width: 100%;
}

.block {
	margin-bottom: 30px;
}

#last {
	padding-bottom: 50px;
	margin-bottom: 27px;
	border-bottom: 1px solid rgba(51, 82, 102, 0.15)
}

.col-md-4 {
	width: 23.33333333%;
	padding: 0;
}

.col-md-8 {
	width: 76.66666667%;
	padding: 0;
}

.row {
	margin: 0 !important;
}

p a {
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted rgba(51, 82, 102, 0.35);
	color: #335266;
	font-weight: 400;
}

p a:hover {
	text-decoration: none !important;
	color: #107FE2;
	border-bottom: 1px dotted rgba(51, 82, 102, 0.3);
}