@charset "UTF-8";

*{
	padding: 0;
	margin: 0;
}

body{
	margin:0 auto;
	background-image:url(images/background1.png);
	background-repeat:repeat;
	z-index:-1;
}

a{
	text-decoration:none;
	color:black;
}

.topbar{
	width:100%;
	height:320px;
	display:table;
	background-image:url(images/main_banner.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
}

.logobox{
	height:180px;
	width:180px;
	margin:0 auto;
	background-color: white;
	padding-top:10px;
	border-radius:5px;
	margin-top:60px;
	margin-left:30px;
	text-align:center;
}

.top-right{
	width:80%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#DDD;
	font-size:70px;
}

.blackbar{
	background-color:black;
	width:100%;
	height:6px;
}

.black-main-bar{
	background-color:black;
	width:80%;
	height:4px;
	margin:0 auto;
}

.call-buttons{
	max-width:1400px;
	margin:0 auto;
	width:100%;
	height:60px;
	background-color:#F2F0F0;
	text-align:center;
	padding-top:10px;
}
.call-btn{
	width:150px;
	height:60px;
	background-color:#e6b800;
	border:1px solid black;
	border-radius:5px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding-top:10px;
	display:inline-block;
}	
.btn-space{
	width:25%;
	display:inline-block;
}


#submit {
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
	width:120px;
	height:50px;
}

#submit:hover {
    border: none;
    background:#C13333;
    box-shadow: 0px 0px 1px #777;
}

.nav{
	background-color:#C13333;
	background-size:cover;
	width:100%;
	height:70px;
	color:black;
	display:table;
	text-align:center;
	vertical-align:middle;
	font-size:28px;
	text-decoration:none;
}

.nav-link{
	display: table-cell;
	padding-top:20px;
}

#main{
	max-width:1400px;
	height:auto;
	background-color:#F2F0F0;
	display:block;
	margin:0 auto;
	width:100%;
}

#main_title{
	margin:0 auto;
	font-size:32px;
	text-align:center;
}

#description{
	width:80%;
	text-align:center;
	font-size:24px;
	margin:10px auto;
	padding-top:10px;
	padding-bottom:10px;
}

#ownerimages{
	text-align:center;
	display:table;
	width:100%;
	padding-bottom:20px;
}

#rod_image{
	display:table-cell;
	font-size:24px;
}

#henry_image{
	display:table-cell;
	font-size:24px;
}

.text-label{
	width:100%;
}

.text_box{
	width:250px;
	height:30px;
	border-radius:5px;
	font-size:16px;
}

#message_box{
	border-radius:5px;
	font-size:16px;
}

#footer{
}

@media (max-width: 1024px){
	.top-right{
		font-size:42px;
	}
	.nav{
		font-size: 22px;		
	}
	.nav-link{
		padding-top:22px;
	}
}

@media (max-width: 768px) {
	.topbar{
		height:200px;
	}

	.logobox{
		height:120px;
		width:120px;
		margin-top:35px;
		margin-left: 30px;
	}
	.logo{
		width:110px;
	}
	.nav{
		font-size: 18px;		
	}
	.nav-link{
		padding-top:24px;
	}
	#message_box{
		border-radius:5px;
	}
}

@media (max-width: 480px) {
	.topbar{
		display:block;
		height:280px;
		padding-top:20px;
		text-align:center;
	}

	.logobox{
		padding-top:0px;
		display: block;
		margin:0 auto;
	}

	.logo{
		margin-top:10px;
	}
	.top-right{
		margin:0 auto;
		margin-top:10px;
		display: block;
	}
	.nav{
		display: block;
		height: 160px;
		font-size: 22px;		
	}
	.nav-link{
		display: block;
		padding-top:11px;
	}
	.text_box{
		width:180px;
	}
	#message_box{
		width:90%;
	}
	#ownerimages{
		text-align:center;
		display:block;
		width:100%;
		padding-bottom:20px;
	}
	#rod_image{
		display:block;
		font-size:24px;
	}
	#henry_image{
		display:block;
		font-size:24px;
	}
	.call-buttons{
		height:160px;
	}
	.call-btn{
		display:block;
		margin:0 auto;
	}	
	.btn-space{
		width:100%;
		height:10px;
		display:block;
	}
}

@media (max-width: 320px) {
	.top-right{
		margin-top:20px;
		font-size:32px;
	}
}