html, body { min-height: 100vh; }
img {
    width: 100%;
    height: auto;
    border: 0;
}
body {
    margin: 0;
    padding: 0;
    background: linear-gradient(to right, rgb(255,255,255) 0%, rgb(144,167,196) 100%);
}

#wrapper {
    max-width: 1000px;
    margin: 10px auto;
    padding: 0 2%; 
}
#top_wrap {
	width: -webkit-fill-available;
	position: relative;
    display: inline-block;
	margin-top: -11px;
    margin-bottom: -20px;
    z-index: 9999;
}
#logo {
	float: left; 
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#153b6b;
} 
#logo > a > img {max-width: 161px;}

#navbar {
	display: flex;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    color: #7f9abb;
	margin-top: 35px;
}
#ryan { display: inline; } 

#navbar a {
	font-family:'Helvetica Neue', Helvetica, sans-serif;
	font-size:12px;
	color:#7f9abb;
    text-decoration:none;
    padding:0 13px 18px 0;
}
#navbar a:hover {
	background-image:url(../images/dot.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#153b6b;
} 
.hamburger { 
	margin-top: -11px;
    display: none !important;
    font-size: 36px !important;
    color: #33618b !important;
}
#navbar > a.hamburger:hover {
	background-image:none !important;
}
#mo_nav {
    width: 96%;
    position: absolute;
	z-index: 999;
    top: 97px;
    right: 0;
    margin-right: 2%;
    background: rgba(48, 95, 139, 0.9);
    padding-bottom: 6px;
}
#mo_nav a {
	display: block;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 0 0 10px;
    text-decoration: none;
    text-align: left;
}
#mo_nav a:hover {
	color: #ffffff !important;
	background-color: #305f8b !important;
}
#about_link {position: relative; z-index: 99999;}
#slider {
  background-color:#ffffff;
 }
 #about_slider {
  width:186px;
  height:138px;
  margin: 0 auto;
  background-color:#ffffff;
 }
  #exp_slider {
  width:165px;
  height:126px;
  margin: 0 auto 20px;
  background-color:#ffffff;
 }

 .shadow { 
	box-shadow: 15px 10px 15px #90a7c4;
	background-color: #ffffff;
}
.panel-container {
    display: flex;
	min-height: 450px;
}
 
#content_wrapper { 
  border:1px solid #ffffff;
  margin-top:36px;
 }
 
#left_panel {
	float: left;
	width: 30%; 
	background-color:#f9fbfb;
}
.left_content {
	font-family:"Times New Roman", Times, serif;
	font-size:20.5px;
	line-height:33.5px;
	color:#547193;
	padding:64px 25px 35px 39px;
	font-style: italic;
}
.left_content a{
	color:#547193;
	text-decoration:none;
}
#right_panel {
	float: right;
	width: 70%;
	display: flex;
    align-items: center;
    background-color:#ffffff;
}

.right_content {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	line-height:26px;
	color:#153b6b;
	padding:35px 35px 25px 35px;
}
.about_content {margin-top: 64px;}
.ryan_pic {display:block; float:left; margin:-99px 10px 0 -35px; max-width: 186px;}
.right_content a{
	color:#153b6b;
}
#footer {
	text-align: right;
	font-family:'Helvetica Neue', Helvetica, sans-serif;
	font-size:12px;
	color:#46678f;
	padding-top:10px;
	position:relative;
	z-index:1000;
	padding-bottom:25px;
}
#footer a {
	text-decoration:none;
	color:#46678f;
	padding:0 13px 0 13px;
}
#footer a:hover {
	text-decoration:none;
	color:#153b6b;
}
div.form_fields label {
	width:100%;
	margin:5px 0 3px 0;
	float:left;
	text-transform:uppercase;
}
.form_fields input {
	width:100%;
	height:23px;
	border:1px solid #34618b;
	padding:0 5px;
}
.form_fields textarea {
	width:100%; 
	border:1px solid #34618b;
	padding:0 5px;
}
.clear {
	clear:both;
}


@media only screen and (max-width: 960px) {
	.hamburger {display: block !important; padding: 0 !important;} 
	.dt_links {display: none !important;}
	#navbar {
		display: block;
		margin-top: 62px;
	}
}

@media only screen and (max-width: 769px) {
	.left_content { 
		font-size: 17px;
		line-height: 26px; 
		padding: 64px 15px 35px 15px; 
	}
	.panel-container { min-height:auto; }
}

@media only screen and (max-width: 680px) {
	#ryan {
		position: absolute;
		margin-top: -19px;
	}
	.line-break::after {
		content: "\A"; /* Insert a line break */
		white-space: pre; /* Preserve the line break */
	}
}	
@media only screen and (max-width: 640px) {
	.panel-container {
		display: block;
	}
	#left_panel, #right_panel {
		display: block;
		width: 100%;
	}
	#left_panel { padding-bottom: 25px;}
	.left_content {
        font-size: 18px;
        padding: 35px 15px 15px 15px;
    }
	.right_content { padding: 25px 15px; }
	.about_content {margin-top: 74px;}
}
@media only screen and (max-width: 530px) {
	#navbar { margin-top: 35px; }
	#mo_nav { top: 66px; }
	.ryan_title { font-size: 15px; }
	#logo > a > img {max-width: 120px;}
}
@media only screen and (max-width: 480px) {
	.ryan_title { font-size: 13px; }
}
@media only screen and (max-width: 430px) {
	#navbar { margin-top: 25px; }
	#logo > a > img {max-width: 100px;}
	#ryan { font-size: 14px; }
	#mo_nav { top: 53px; }
}
@media only screen and (max-width: 420px) {
	#ryan {
        font-size: 15px;
        margin-top: 0;
    }
	.ryan_title { display:none; }
}