body {
  background-image:url(IMG_2042.JPG);
   background-size: cover;
  width:1600px;
  color:white;
  min-height: 100%;

}
html {
    height: 100%;
    width: 100%;
    margin: 0;
}

div.item {
   
    display: inline-block;
    text-align: center;
    font-size:115%;
}

.caption {
    display: block;
}
.bigger { 
     color: red;
 font-family: 'Quintessential', cursive;
    font-size:500%; }
    .john { 
     color: red;
 font-family: 'Quintessential', cursive;
    font-size:115%; }
.bcgger { 
     color: red;
 font-family: 'Quintessential', cursive;
    font-size:350%; }
.biigger { 
     color: black;
 
    font-size:200%; }
   .bngger { 
       text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
     color: red;
 font-weight:bold;
    font-size:115%; } 
    .bagger { 
        color: black;
    text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
     
 font-weight:bold;
    font-size:115%; }
    .biigger { 
     color: white;
 
    font-size:150%; }
    .bTgger { 
     color: blue;
 font-weight:bold;
 
    font-size:150%; }
    .black { 
     color: black;
 font-weight:bold;
 
    font-size:160%; }
     
    .purple { 
     color: purple;
 font-weight:bold;
 
    font-size:150%; }
    .bTigggger { 
     color: purple;
 
 font-family: 'Kalam', cursive;
    font-size:125%; }
    .bTiggger { 
     color: red;
 
 font-family: 'Kalam', cursive;
    font-size:125%; }
    .bTigger { 
     color: blue;
 font-weight:bold;
 
    font-size:125%; }
    .bl { 
     color: black;
 font-weight:bold;
 
    font-size:140%; }
    .bbgger { 
     color: WHITE;
 font-size: 15px;
     }
    .biiigger { 
     color: white;
     font-size: 20px;}

    .begger { 
     color: red;
    font-size: 20px;
     }
     .blgger { 
     color: red;
    font-size: 20px
     }
     .bLlgger { 
     color: red;
     font-weight:bold;
    font-size: 33px
     }
    .biiiigger { 
    color:red;
 font-family: 'Abril Fatface', cursive;
    font-size:300%; }
    .ic { 
    color:red;
 font-family: 'Abril Fatface', cursive;
    font-size:400%; }
    .ica { 
    color:red;
 font-family: 'Abril Fatface', cursive;
    font-size:160%; }
h1{
  color: red;

}


#content {
    
background-color:black;
  padding:10px;
  border-color:white;
border-style:solid;
border-width:5px;
  margin:10px;
  font-family:Sans-serif;
}
#main1 {
    
    float:left;
    background-image:url(IMG_3223.JPG);
    height:426px;
width:1448px;
margin:10px;
padding:5px;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;
}
#gallery {
float:left;
width:1600px;
margin:10px;

  
}
#aboutart {
float:left;
width:700px;
margin-left:50px;

  
}
#aboutarts {
float:right;
width:650px;
margin-top:250px;
margin-right:50px;
margin-bottom:50px;
text-align:right;
  
}
#WATERCOLORS {
    
word-spacing:2cm;
float:left;
width:1520px;
margin:10px;
padding:5px;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;

  
}
#video {
    

float:left;
width:1520px;
margin:10px;
padding:5px;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;

  
}
#OILPAINTINGS {
    
float:left;
width:1520px;
margin:10px;
padding:5px;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;
}
#Icarus1 {
   
float:left;
width:1420px;
margin:10px;
padding:5px;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;

  
}
#Icarus4 {
   
float:left;
width:1420px;
margin:10px;
padding:5px;

text-align:center;

  
}
#Icarus {
   
float:left;
width:1520px;
margin:10px;
padding:5px;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;

  
}
#aboutcd {
  background-image:url(JBWildSparrow.jpg); 
  background-size: 100% 100%;
  background-size: fixed;
float:left;
height:1520px;
width:1520px;
margin:10px;
padding:5px;
text-align:center;
border-color:white;
border-style:solid;
border-width:5px;
text-align:center;
}
#Icarusmain {
    
float:left;
width:1085px;
margin:10px;
padding:5px;
text-align:center;
}
#Icarusmain1 {
    
float:left;
width:1490px;
margin:10px;
padding:5px;
text-align:center;
}
#Icaruspic {
float:right;
width:370px;
height:370px;
margin:10px;
padding:5px;
text-align:center;
}
#jab {
    background-image:url(JBClewBay.jpg); 
  background-size: 100% 100%;
  background-size: fixed;
float:left;
width:1320px;
height:1300px;
margin:10px;
margin-left:50px;
text-align:left;
border-color:white;
border-style:solid;
border-width:5px;

  
}
#dab {
    
float:left;
width:1220px;
height:1100px;
margin:10px;
margin-left:50px;


  
}
#BRONZESCULPTERS {
    
  padding:5px;
float:left;
width:1520px;
margin:10px;
 border-color:white;
border-style:solid;
border-width:5px;
text-align:center;


  
}
#BRONZESCULPTERS1 {
    
  padding:5px;
float:left;
width:1490px;
margin:10px;
 border-color:white;
border-style:solid;
border-width:5px;
text-align:center;


  
}

#aboutartist {
    
    background-image:url(IMG_29171.JPG);
   background-size: 100% 100%;
  background-size: cover;
float:right;
width:1520px;
margin:5px;

border-color:white;
border-style:solid;
border-width:5px;
  
}
#aboutartists {
    word-spacing:1.5cm;
    background-image:url(IMG_2891.JPG);
   background-size: 100% 100%;
  background-size: cover;
float:right;
width:1520px;
margin:5px;
margin-top:20px;
border-color:white;
border-style:solid;
border-width:5px;
  text-align:center;
}
#c3{
  float:left; 
  width:1400px;
  text-align:left;
   margin-top:50px;
  margin-LEFT:50px;
}
#c2{
  float:right; 
  width:600px;
  text-align:left;
   margin-top:50px;
  margin-right:450px;
}
#pic2 {
float:left;
  width:400px;
 margin:10px;
}
#pic1 {
float:left;
  width:100px;
 margin:10px;
}
#c1{
  float:right; 
  text-align:center;
   margin-top:50px;
  margin-right:450px;
}
#contact {
  float:left;
  margin:5px;
  width: 1520px;
  
  text-align:center;
  border-color:grey;
border-style:solid;
border-width:5px;
background-color:white;
}

#footer {
  clear:both;
  margin:10px;
  
  text-align:center;
}

a {
  text-decoration: none;
  color:white;
  
}
a:hover {
  margin:10px;
  opacity: 0.5;
}





.container {
	width: 80%;
	margin: 0 auto;
}

header {
  background: #55d6aa;
}

header::after {
  content: '';
  display: table;
  clear: both;
}
footer::after {
  content: '';
  display: table;
  clear: both;
}
.logo {
  float: left;
  padding: 10px 0;
}

nav {
  float: right;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav li {
  display: inline-block;
  margin-left: 55px;
  padding-top: 23px;

  position: relative;
}

nav a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
}

nav a:hover {
  color: #FF0000;
}

nav a::before {
  content: '';
  display: block;
  height: 5px;
  background-color: red;

  position: absolute;
  top: 0;
  width: 0%;

  transition: all ease-in-out 350ms;
}

nav a:hover::before {
  width: 100%;
}