/* Base styles, which will be overridden by everything below them */

.responsive {
  width: 100%;
  height: auto;
}

a{
	color: #283a48;
    font-weight: 500;
}
a:hover{
	color: #283a48;
}
a:visited{}
a:active{}

header .logo{
	max-width: 161px;
}

nav {
	line-height: normal;
	text-transform: uppercase;
	background-color: #1a2935;
}
nav a{
	color: #fff;
}
nav a:hover{
	color: #fff;
}
nav a:visited{
	color: #fff;
}
nav a:active{
	color: #fff;
}

.heading {
	font-family: "Photograph Signature";
	font-size: 42px;
	color: #283a48;
	line-height: normal;
	margin-bottom: 18px;
}
.heading a:link{}
.heading a:hover{}
.heading a:visited{}
.heading a:active{}

.sub-heading {
	font-family: "Raleway";
	font-size: 15px;
	color: #283a48;
	line-height: normal;
	margin-bottom: 18px;
}
.sub-heading a:link{}
.sub-heading a:hover{}
.sub-heading a:visited{}
.sub-heading a:active{}

.maintext {
	font-family: "Raleway";
	font-weight: 300;
	font-size: 17px;
	line-height: normal;
	color: #6a6a6a;
}
.maintext a{
	color: #283a48;
    font-weight: 500;
}
.maintext a:hover{}
.maintext a:visited{}
.maintext a:active{}

footer {
	background-color: #2e4150;
	font-size: 17px;
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
}
footer a:visited{
	color: #fff;
}
footer a:active{
	color: #fff;
}

.copyright {}
.copyright a:link{}
.copyright a:hover{}
.copyright a:visited{}
.copyright a:active{}

.g-recaptcha > div{
	margin: 0 auto;
	max-width: 100%;
}
.g-recaptcha iframe{
	max-width: 100%;
}

/* Responsive styles, which override the base styles at specific sizes */

/* Smartphones */
@media(min-width: 300px){
	.sub-heading {
		font-family: "Raleway";
		font-size: 32px;
		color: #283a48;
		line-height: normal;
		margin-bottom: 18px;
	}
}
	
/* Tablets */
@media(min-width: 768px){
	header .logo{
		max-width: none;
	}
	.maintext {
		font-size: 24px;
	}
	.heading {
		font-size: 68px;
		margin-bottom: 25px;
	}
	footer{
		font-size: 24px;
	}
}
	
/* Laptops */
@media(min-width: 992px){
	
}
	
/* Desktops */
@media(min-width: 1200px){
	
}
	
/* Extra large Desktops */
@media(min-width: 1600px){
	
}