@charset "utf-8";
/* CSS Document For newboatbuilders*/
/* main text is Verdana. Titles are Times New Roman  */
 a:link {
    overflow-wrap: break-word;
    word-wrap:break-word; 
    max-width: 480px;
    color: #000000; 
}


nav {
    float: left;
    max-width: 20%;
}
body {
    
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Segoe", "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
    padding-left: 10px;
    padding-right: 10px;

}
        
nav ul li {
    text-align: left;
    font-size: 8px;
    
}
nav ul li a {
    text-decoration: none;
    color: #FFFFFF
   
}

 div {
    overflow-wrap: break-word; 
}

h1 {
    font-size: 40px;
    color: #000000;
}

h2 {
    font-size: 30px;
    color: #000000;
}

.auto-style1 {  /* Font for logo */
	font-family: "Times New Roman";
	font-size: 36px;
    color: yellow;
}
.auto-style1a {
	font-family: "Times New Roman";
	font-size: 36px;
    color: #000000;
 }
.auto-style1b {
	font-family: "Times New Roman";
	font-size: 76px;
    color:red;   
 }

.auto-style2 {
	font-family: "Verdana";/* font for index to electrical pages */
	font-size: 16px;
    color:#000000;
}
.auto-style3 {
    font-family: "Verdana";
    color:red;  /* red text */
}

.auto-style4 { /* font for menu headings */
	font-family: "Arial_Narrow";
	font-size: small;
    color:#FFFFFF; /* headings in menu color white */
}
.auto-style5 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 13px;
    color:#000000;
    /*	text color:  black */

}
.auto-style6 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 12px;
    color:#000000;
    /*	text color:  black */
}
.auto-style7 { /* main font for content */
    font-family: "Verdana";
    font-size: 16px;
    color: #000000;
}
.auto-style7y { /* yellow font for content */
    font-family: "Verdana";
    font-size: 16px;
    color: yellow;
}
.auto-style8 {
    font-family:"Verdana";
    font-size: 14px;
    color: #000000;
}
/* font style for Tables */
.auto-style9 {
    font-family:"Arial_Narrow";
    font-size: 14px;
    color: #000000;    
}
.auto-style10 { 
    font-family: "Verdana";
    font-size: 22px;
    color: #000000;
}
.auto-style11 { 
    font-family: "Verdana";
    font-size:8px;
    color: #000000;
    
}
.auto-style100 {
    background-color: lightgray;
    /* cell background color */
}
.auto-style101 {
    background-color:aqua;
    /* cell background color */
    
}
.video {
    max-width: 100%;
    height: auto;
}
.container { /* for videos */
  position: relative;
  width: 50%;
  height: auto;   
  overflow: hidden;
  padding-top: 28.17%; /* 16:9 Aspect Ratio */

}
.responsive {
    width: 100%;
    height: auto;
}
.responsive-image {
    width: 100%;
    height: auto;
}
.auto-style102 {  /* background image for header */
	background-image:url('https://newboatbuilders.com/dreamweaver/images/_MG_9613_cropped.jpg');
    background-size: 100%;
    background-repeat:repeat-x;
  /*  height: 200px; */
    
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
    
}

.col img {
     width: 100%;
     height:auto;
     display:block;
}
hr {
    width: auto;
    height: 0;
    margin-left: 0;
    color:gray;
}
   
/* Tablet Size */
@media screen and (max-width: 768px) {
      h1 {    
        font-size: 30px; 
    }
}
@media screen and (max-width: 768px){
    h2 {
        font-size: 20px;
    }
} 
@media screen and (max-width: 768px) {
.auto-style1 {
	    font-size: 30px;
    }
}
 @media screen and (max-width: 768px){   
.auto-style7y { /* yellow font for content */
        font-size: 16px;
     }
}
@media screen and (max-width: 768px){
 .auto-style9 {
        font-size: 12px;
    }
}
@media screen and (max-width:768px){
    .responsive {
         width: 50%;
    }
}   /* Mobile Size */
@media screen and (max-width: 400px) {
    h1 {    
        font-size: 20px;
  }
}
@media screen and (max-width: 400px){
    h2 {
        font-size: 16px; 
    }
 }
 @media screen and (max-width: 400px) {
.auto-style1 {
	    font-size: 20px;
   }
} 
@media screen and (max-width: 400px) {
.auto-style1a {
	    font-size: 20px;
   }
}
@media screen and (max-width:400px){
.auto-style2 { /* font for index to electrical pages */
	    font-size: 24px;
    }
}
@media screen and (max-width:400px){
.auto-style7 {
        font-size: 18px;
    }
}
@media screen and (max-width: 400px){   
 .auto-style7y { /* yellow font for content */
        font-size: 12px;
     }
}
@media screen and (max-width:400px){
.auto-style9 {
        font-size: 10px;
    }
 }