body {
    width: 100%;
	height: 100%;
	scroll-behavior: smooth;
	margin: 1% 0 !important;
	padding: 0px !important;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: url("images/cursor.png"), default;
	background-image: url("images/BG.jpg");
    -moz-background-size: cover;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover;

    
}

.clear{clear:both;}
* {margin: 0px;padding: 0px;}

.container {
    position:relative;
    height: 100%;
    width: 100%;
	text-align: center;
    max-width:1800px;
    margin: 0px auto 0 auto ;

}



a{color:#80ba04;}
a:hover{color:#b7fb24;}




/********************** Contents ***************************/

/********************** Mother ***************************/
.header {

}
.mother {
    position: relative;
    margin:0 auto;
    width:auto;
    padding:0;
    text-align: center;

}


    img {
        -webkit-transition: all 1s ease;
    }

/********************** social links *******************/
.center{
    display: inline-block;
}
#icons{
    display: flex;
    flex-wrap: nowrap;
    padding: 0px;
    margin: 0 auto;
    float:left;
}
#icons img {
    width: 200px;
  
}
.hand:hover {
    cursor: url("images/pointer.png"), auto;
}

.color img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 1s ease;
    }
    
    .color img:hover{
    filter: grayscale(0%);
    filter: gray;
    -webkit-filter: grayscale(0%);
    filter: none;
    transition: 1s ease;
    }

/********************** Daughter *******************
.daughter {
    width:auto;

    height: 100px;
    background-color: rgb(255, 226, 173);
    margin:0 auto;
    border-radius: 20px;
 
}
****/


/********************** Responsiveness ***************************/
@media (max-width:2200px) {
       .logo img{
        display: inline-block;
        max-width:1000px;
       margin:0 auto;
    }
    
}
@media (max-width: 1600px) {
    .container {
        max-width:1200px;
    }
    .logo img{
        display: inline-block;
        max-width:1000px;
       margin:0 auto;
    }
    
    .left {
        float:none;
        max-width:1000px;
        margin:0 auto;
    }
    
    .right {
        float: none;
        max-width:1000px;
        margin:0 auto;
      
    }

    #title img {
        width:900px;
        margin: auto;
    }

}
@media (max-width: 900px) {

    .logo img{
        max-width: 700px;
    }
    

    .left {
        max-width:700px;
 
    }
    
    .right {
        max-width:700px;
    }
    #title img {
        width:700px;
    }
    #icons img {
        width: 150px;
        
    }
  }

  @media (max-width: 600px) {


    .logo img{
        max-width:400px;
    
    }
    
    .left {

        max-width:600px;

    }
    
    .right {
   
        max-width:600px;
    
     
    }
    #title img {
        width:600px;
   
    }
    #icons img {
        width: 100px;
        
    }
  }