h1 {
    font-size: 2em;
    color: #002e74;
    width: 60%;
    font-weight: normal;
    border-bottom: 4px solid #7AC8FF;
    padding-left: 20px;
}
#panel-1 .item {
    
    margin:10px; 
    display: inline-block;
    width: 30%;
    background:#002542;
  
       text-align:center;
}

#panel-1 .item img  {
   width:100%;

}

#panel-1.item h3  {

color:#149dde;

margin:0px;


font-size: 1.1em;

padding: 4px;
}

#panel-2 .item {

    position: relative;
}
#panel-2 .ext  {
    background:#002542;
    width: 100%;
    height: 203px;
    position: absolute;
    top: 131px;
    z-index: 1;
    border-bottom: 14px solid #ed5404;
}
#panel-2 .info  {
	width:50%;
	float:right;
	
	padding:30px;
		
			 

}

#panel-2 .item img  {
	 width:100%;

}

#panel-2 .thumb  {
	width:50%;
    float:left;
    position: relative;
    z-index: 99;
		
			 

}
#panel-3 {
	position:relative;
	margin-bottom:40px;
} 
#panel-3 .info {
	position:absolute;
	bottom:10px;
	left:10px;

	background:#002542;
	width:300px;
	padding:20px;
}
#panel-3 .thumb img {
	width:100%;
}

@media (max-width:450px) {

    h1 {
		
		width:100% !important;
		
		font-size:1.4em;
		padding-bottom:10px;

	}

	#panel-1 .item {
	    width:90%;
	}

}



