body {
margin:0;
text-align: center;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
/*background-image: url(../img/bgninco.jpg);
background-size: cover;*/
}
h1{
  font-family: 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-variant: normal;
  font-weight: 105;
  line-height: 12px;
  text-shadow: 0 2px 2px rgba(0,0,0,0.2);
  color: white; /*#093246;*/
  text-align: center;
  padding-left: 0em;
}
h2{
  font-family: 'Helvetica Neue regular', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /*font-weight: 60;*/
  color: white; /* #093145; red#8f1b23;*/
  text-align: left;
  /*text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
  padding-left: 0px;
}
h3{ font-family: 'Helvetica regular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: lighter;
  line-height: 12px;
  /*text-shadow: 0 0px 0px rgba(0,0,0,0.2);*/
  line-height:1.6;
  color: white; /* #093246;*/
  text-align: center;
  padding-left: 0em;
}

h4{ font-family: 'Helvetica regular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 12px;
  /*text-shadow: 0 0px 0px rgba(0,0,0,0.2);*/
  line-height:1.6;
  color: #093246;
  text-align: left;
  padding-left: 15px;
}

h5{ font-family: 'Helvetica regular', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 12px;
  /*text-shadow: 0 0px 0px rgba(0,0,0,0.2);*/
  line-height:1.6;
  color: #093246;
  text-align: left;
  padding-left: 15px;
}
h6{/*white font*/
  font-family: 'Helvetica regular', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 12px;
  /*text-shadow: 0 0px 0px rgba(0,0,0,0.2);*/
  line-height:1.6;
  color: white;
  text-align: left;
  padding-left: 15px;

}

h7{ font-family: 'Helvetica regular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  /*font-weight: bold;
  line-height: 12px;
  text-shadow: 0 0px 0px rgba(0,0,0,0.2);
  line-height:1.6;/* #093246;*/
  color: #b50909;
  text-align: left;
  padding-left: 3px;
  padding-top: 0px;
}

section#one{
   padding-top:8% ;/*10px 52*/
   float: left;
   background-color: black;
   margin: 0 auto;
   margin-top: 0%;
   width: 100%;
   max-width:100%;
   min-height: 320px;
   height: auto;
   border:1px;
   /*background-image: url(../img/bgninco.jpg); 
   background-repeat:repeat-y;
   background-size: cover;
   background-position: center center;*/
 }

.message_box{
  display: inline-block;
  margin-left: 3%;  margin-bottom: 2%;  
  margin-right: 3%;  margin-top:2%;
  /* float: left;
  margin-left: 10%;*/
  width: 100%;
  max-width: 445px;
  min-width: 280px; 
  padding-top: 0px;
  padding-left: 1px;
  background-color: black;
  font-size: 18px;
  font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif;
  color: #3B6DB0;
  text-align: left;
  border: 0px solid #3879a6;
}

.fcenter{
  text-align: center;
  margin-left: 3%;  margin-bottom: 3%;  margin-top: 3%;  
}


section#two{
   float: left;
   margin: 0px;
   width: 100%;
   height: auto;
   border:0px;
   text-align: center;
   position: auto;
   padding-top: 20px;
   padding-bottom: 20px;
    /*  background-color: #444;*/
   background-image: url(../img/bgninco.jpg); 
   background-size: 100% 100%;
   background-repeat:repeat-y;
 }
/* sbox works with section two (main cards) ..*/
.sbox {
   
   display: inline-block;
   margin-left: 3%;  margin-bottom: 3%;  margin-top: 3%;  
   width: 300px; 
   max-width: 300px;
   height: 490px;
   background-color: white;
   border: 1px solid white;
   
} 

section#sshop{
   float: left;
   margin: 0px;
   width: 100%;
   height: auto;
   border:0px;
   text-align: center;
   position: auto;
   padding-top: 10px; padding-bottom: 10px;
    /*  background-color: #444;*/
   background-image: url(../img/bgninco.jpg); 
   background-size: 100% 100%;
   background-repeat:repeat-y;
   color: white;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;

 }  
 .shopbox {
   display: inline-block;
   margin-left: 3%;  margin-bottom: 3%;  margin-top: 3%;  
   width: 280px; 
   max-width: 280px;
   height: 380px;
   /*background-color: white;*/
   border: 1px solid white; /*#920b0b dark red*/; 
   text-align: left;

} 

h8{
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /*line-height: 12px;
  text-shadow: 0 0px 0px rgba(0,0,0,0.2);
  line-height:1.6;/* #093246;*/
  color: white;
  text-align: left;
  padding-left: 3px;
  padding-top: 0px;
}

 section#sabout{
   float: left;
   width: 100%;
   height: auto;
   border:1px;
   background-color: white;
   text-align: center;
   position: auto;
   padding-top: 10px;
   padding-bottom: 10px;
 }

.boxabout { /*inside about writting text  and pict */
   /*
   margin-left: 3%;  margin-bottom: 3%; 
   margin-left: 12%; float: right; 
  */
   display: inline-block;
   margin-left: 3%;  margin-bottom: 3%;  
   /*padding: 7px;
   width: 40%;*/
   width: 100%; 
   min-width: 300px;
   max-width: 400px;  
   height: auto;
   min-height: 390px;
   max-height: 409px;
   border: 0px solid black;
   background-color: white;
   text-align: left;
}   
section#scontact{
   padding-top: 10px;/*6% 52*/
   float: left;
   background-color: black ;
   margin: 0 auto;
   width: 100%;
   max-width:100%;
   min-height: 240px;
   height: auto;
   /*border:1px solid blue; 

   background-image: url(../img/bgninco.jpg); 
   background-repeat:repeat-y;
   
   background-position: center center;*/
 }

 .boxcontact { /*inside about writting text  and pict */
   /*
   margin-left: 3%;  margin-bottom: 3%; 
   margin-left: 12%; float: right; 
  */
   display: inline-block;
   margin-left: 1%;  margin-bottom: 1%;  margin-top: 1%;
   padding: 7px;
   width: 40%;
   min-width: 300px;
   max-width: 360px;
   height: auto;
   min-height: 280px;
   /*border: 1px solid red;*/
   background-color: black;
   text-align: left;
    border:0px solid blue; 
}   

section#sitem{
   float: left;
   /*position: auto;*/
   margin: 0 auto;
   margin-top: 0%;
   width: 100%;
   max-width:100%;
   min-height: 535px;
   height: auto;
   border:1px;
   background-image: url(../img/bgninco.jpg); 
   background-repeat:repeat-y;
   background-size: cover;
   background-position: center;
 }
 .sdescrip{
   /*display: inline-block; */
   float: left;
   overflow: hidden;
  /*position: relative;*/
   margin: 0px auto;
   margin-top: 5%; 
   width: 30%;
   max-width:300px;/*40%;*/ 
   min-width:300px; 
   min-height:340px;
   height: auto;
   border:1px;
   padding-left:10%; padding-right:5%; padding-bottom: 2%;
   /*background-color: orange;
   background-image: url(../img/bgninco.jpg); 
   background-repeat:repeat-y;
   background-size: cover;
   background-position: center center;*/
 }
 .sitemimg{
   float: left;
   margin: 0 auto;
   margin-top: 0%;
   width: 45%;
   max-width:45%;
   min-width:300px; 
   min-height: 500px;
   height: auto;
   border:0px;
   padding-left: 0%; padding-right:5%;
   background-color: red;
   /*background-image: url(../img/bgninco.jpg); 
   background-repeat:repeat-y;
   background-size: cover;
   background-position: center center;*/
 }

.itemimg { /*Settings for resize image/big image*/
    width: 100%;
    height: auto;
  }

#gallery {
    width: 695px;
    overflow: hidden;
    position: auto;/*relative;*/
    z-index: 1;
    margin: 0px auto;
    border: 2px solid #003C72;
   margin-top: 10px;
  }

  #navgallery {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    
  }
  #navgallery li {
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
  }
  #navgallery li a img {
    display: block;
    border: none;
  }
  #navgallery li a {
    display: block;
  }
  #full-picture {
    width: 550px;
    height: 555px;
    overflow: hidden;
    float: left;
  }


section#footer{
  float: left;
  width: 100%;
  padding-top: 20px;
  background-color: white; /*#0C3368;*/
  font-size: 16px;
  color: black;
}

/* unvisited link */
a:link {
    color: #920b0b; text-decoration: none;
    padding-right: 20px;
}

/* visited link */
a:visited {
    color: #7db7db; text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #1e83bb; /*#19597b;*/
}

/* selected link */
a:active {
    color: #19597b;text-decoration: none;
}

.riseimg { /*Settings for resize image/big image*/
    width: 100%;
    height: auto;
    min-height: 200px;
    max-height: 312px;
    background-image: url('../img/bg1cnf.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    /* background-size: contain;image will stretch to cover the entire content area contain;*/
    background-color: grey;
   /* border: 1px solid red;*/
}
.risefimg { /*Settings for resize image/big image*/
    width: 100%;
    height: auto;
    background-image: url('../img/bgbl.jpg');
    background-repeat: no-repeat;
    /* background-size: cover;
    background-size: contain;image will stretch to cover the entire content area contain;*/
    background-color: grey;
   /* border: 1px solid red;*/
   
}

/* sinbox works with section one ..*/
.sinbox {
   /*margin: 0 auto;*/ 
   float: left;
   padding-left: 20px;
   width: 100%;
   max-width: 300px;
   height: 200px;
   border: 0px solid black;
   background-color: white;
}   





.sinbox2 { /*inside about for pictures */
   margin: 0 auto;
  
  
   /*  float: right;
   margin-left: 3%;  
   margin-bottom: 3%; 
   margin-left: 5%;
   margin-right: 0%;*/   
   padding-left: 2%;
   width: 30%;
   min-width: 300px;
   height: 450px;
   min-width: 350px;
   max-height: 450px;
   border: 1px solid black;
   background-color: silver;
}  
/* imgbox works with section one ..*/
.imgbox {
  
   margin: 0 auto;  /*It's used to center a div */
   padding-left: 10px;
   width: 300px; 
   max-width: 300px;
   height: 300px;
   /*background-image: url('../img/bgicons.gif');
  background-repeat: no-repeat;
  background-size: cover;
   border: 1px solid black;*/
}   



.bbox {
   margin: 0 auto; 
   float: left;
   margin-right: 5%
   padding: 10px;
 
   max-width: 50%;
   height: 400px;
   border: 0px solid black;
   position: center;
}   
/* ------------ Menu navigation bar -------------
-------------------------------------------------
-------------------------------------------------*/

section#navcenter{
  /*padding-left: 10%; move it to the left or center */
  
  width: 100%;
  background-color: white;
  font-family: 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
  font-style: normal ;
  /*font-weight: normal;*/
  font-size: 14px;
  background-image: url(../img/bgninco.jpg); 
  background-repeat:repeat-y;
  background-size: cover;
position: fixed;
}

.topnav {
/*width: 100%;*/
overflow: hidden;
padding-top: 1%;
/*background-color: #444;*/
padding-right: 10%;/*10% 50px;*/
/*position: fixed;  Make it stick, even on scroll */
}

.topnav a {
  float: right;
  display: block;
  color: #f2f2f2;/* *black; /
  text-align: center;
  padding: 14px 14px; /* change the nav bar hight +or- , change width +or -*/  
  text-decoration: none;
  font-size: 18px;
}

.topnav a:hover {
  background-color: #e5f3fa; /*was ddd; 1591ae blue*/
  color: black;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 780px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 780px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;/*was left: 0; */
    top: 0; /*change position of the icon sandwich*/
  }
  .topnav.responsive a {
    float: none; /*was none*/
    display: block;
    top: 0; /*change position of */
    text-align: right; /*change the position of the sandwich menu*/
  }

img.setimg{ 
padding-top: 0px; 
padding-right: 0%;
margin: 0 auto;
float:left;

}

img.centerimg{ 
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: auto;
        background-image: url('../img/abninco.jpg');
    background-repeat: no-repeat;
}

/*img.smallimg{
  width: 100px;
  height: auto;
  size: cover;
  max-width:100px;
  max-height:50%;
}*/