*
{
    margin:0;
    padding:0;
 
}
   
body
{
    
    font-family: "Adobe Kaiti Std";
    margin: 0px;
    border: 0px;
    
}

.row
{
    max-width: 1200px;
    margin:0 auto;
}
.hero
{
    position:relative;
    width:1140px;
    top:40%;
    left:110%;
    margin-right: auto;
    transform: translate(-50%,-50%);
}

header
{
    top: 0;
    bottom: 0;
    height: 100vh;
    background-position:center;
    background-size: cover;
    background-attachment: fixed;
    background-color: black;
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(Images/celebrity-wallpapers-female-celebrities-high-resolution-widescreen.jpg);
    
}


h1
{
    color: white;
    font-family: "Apple Symbols";
}

.main-nav
{
    list-style: none;
    float:right;
    margin-top:-120px;
    width: 100%;
    height: 70px;
    background-color: ;
    color: floralwhite;
    text-align: right;    
}

.main-nav li 
{
    display:inline-block;
    margin-left: 40px;
}
.main-nav li a
{
    color: white;
    text-decoration: none;
    font-size:145%;
    font-family: "Adobe Song Std";
    font-weight:lighter;
}
.main-nav  a:hover
{
    color:lightpink;
    border-bottom:2px solid lightpink;
    transition: all 0.15s ease-in;
    padding:5px 0;
    
}

.logo img
{
   height:140px;
   float:left;
   margin-top:10px;
   margin-left: 50px;
}
.submit
{
    border:0.1px solid grey;
    padding:10px 15px;
    color: palevioletred;
    text-decoration:none;
    border-radius: 15px;
    margin-right: 15px;
    margin-top: 0.1px;
    background-color: whitesmoke;
    
}
.submit:hover
{
  background-color: mediumvioletred;
  color: white;
  border: none;
  transition:all 0.2s ease-in;
}
.categories
{
    margin-top: 200px;
    margin-left: 80px;
    color: whitesmoke;
}
/*Image Style*/
/*1*/

.container1 {
  position: relative;
  width: 50%;
  margin-top: 80px
}
.overlay1 {
  position: absolute;
  top: -20px;
  margin-top: 20px;
  bottom: 0;
  left: 100px;
  right: 0;
  height: 100%;
  width: 192px;
  opacity: 0;
  transition: .6s ease;
  background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)); 
    

}

.container1:hover .overlay1 {
  opacity: 5;
}

.text1 {
  color: white;
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.img1
{
  display: block;
  height: 20vh;
  margin-top: 20px;
  margin-left: 100px; 
  transform: scale(1);
  transition:all 0.5s;
    overflow: hidden;
}

/*2*/
.container2 {
  position: relative;
  width: 50%;
    margin-top: 50px
}
.overlay2 {
  position: absolute;
  top: -20px;
  margin-top: 20px;
  bottom: 0;
  left: 500px;
  right: 0;
  height: 100%;
  width: 117px;
  opacity: 0;
  transition: .6s ease;
  background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)); 
}

.container2:hover .overlay2 {
  opacity: 5;
}

.text2 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.img2
{
  display: block;
  height: 20vh;
  margin-top: 20px;
  transform: scale(1);
  transition:all 0.5s;
  overflow: hidden;
  height: 20vh;
  margin-top: 20px;
  margin-left: 500px;   
}

/*4*/

.container5 {
  position: relative;
  width: 50%;
  margin-top: 50px
}
.overlay4 {
  position: absolute;
  top: -1px;
  margin-top: 20px;
  bottom: 0;
  left: 870px;
  right: 0;
  height: 87%;
  width: 192px;
  opacity: 0;
  transition: .6s ease;
  background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)); 
}

.container5:hover .overlay4 {
  opacity: 5;
}

.text4 {
  color: white;
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 95px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.img7
{
  height: 20vh;
  margin-top: 20px;
  margin-left: 870px;   
}
.showcase
{
    list-style: none;
    width: 10vh;
    height: 20vh;
}
.showcase li
{
    display: block; 
    width: 25%;
    float: right;
}
.breadcrumb
{
    background: rgba(255, 255, 255, 0.08);
    background-color: lightpink;
    border: 0px solid rgba(245, 245, 245, 1); 
    padding-bottom: -10px;
    display: block;
}
.breadcrumb li 
{
    font-size: 14px;
}
.breadcrumb a 
{
    color: #eb59a5;
}
.breadcrumb:hover
{
  border: none;
  transition:all 0.2s ease-in;  
}
.brdcr
{
    margin-bottom: -20px;
}
footer
{
    margin-top: -30px;
    
    background-repeat: no-repeat;
    background-size: cover;
    align-content: center;
    text-align: left;
    width: 100%;
    height: 420px;    
}
#foot
{
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    margin-top: 25px;
}
.social h3
{
   
   padding-top: 20px;
   padding-bottom: 0.5px;  
}

div.contact
{
    float: right;
    margin-right: 700px;
}
label
{
    color:palevioletred;
}
input.name
{
    height: 20px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
input.text
{
    height: 20px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
input.email
{
    height: 20px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
textarea.msg
{
    height: 70px;
    width: 250px;
    border-radius: 3px;
    border: none;
}
.copyright
{
    background-color: hotpink;
}
.und_img
{
    
    margin-top:10px;
    margin-left: 163px;
    width: 100%;
    height: 70px;
    color: floralwhite;
    display:inline-block;
    color: white;
    text-decoration: none;
    font-size:145%;
    font-family: "Adobe Song Std";
    font-weight:lighter;
}
.und_img:hover
{
    color:lightpink;
    transition: all 0.15s ease-in;
    padding:5px 0;
}
.und_img1
{
    
    margin-top:10px;
    margin-left: 530px;
    width: 100%;
    height: 70px;
    color: floralwhite;
    display:inline-block;
    color: white;
    text-decoration: none;
    font-size:145%;
    font-family: "Adobe Song Std";
    font-weight:lighter;
}
.und_img1:hover
{
    color:lightpink;
    transition: all 0.15s ease-in;
    padding:5px 0;
}
.und_img2
{
    
    margin-top:10px;
    margin-left: 930px;
    width: 700%;
    height: 80px;
    color: floralwhite;
    display:inline-block;
    color: white;
    text-decoration: none;
    font-size:145%;
    font-family: "Adobe Song Std";
    font-weight:lighter;
}
.und_img2:hover
{
    color:lightpink;
    transition: all 0.15s ease-in;
    padding:5px 0;
}