*{
	margin:0;
	padding:0;
}

body {
    width: 100%;
    height: 100vh;
    background: url(art.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    font-family: Montserrat;
  
}

#showcase{
    /*background-image:url(art.jpg);*/
    background-size:cover;
    background-position:center;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0 20px;
}
    
#showcase h1{
        font-size:50px;
        line-height:1.2;
        }
    
#showcase p{font-size:20px;}

    
      
.header h1 {
        color: #fff;
        font-size: 46px;
        font-weight: 400;
        margin-bottom: 8px;
      
}
      
.header p {
        color: #fff;
        font-size: 24px;
        font-weight: lighter;
      
}


.image img {
        width: 100%;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transform: scale(1);
        -webkit-transform: scale(1);
}
.image img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.links img {
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transform: scale(1);
        -webkit-transform: scale(1);
}
.links img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    
}


#showcase img {
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		transform: scale(1);
		-webkit-transform: scale(1);
}

#showcase img:hover{
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
}

.image img {
        width: 100%;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transform: scale(1);
        -webkit-transform: scale(1);
}
.image img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}