
* {    
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    background-color: #fff;
    color: #555;
    font-family: 'Raleway';
    font-size: 20px;
    text-rendering: optimizeLegibility;
    
}

body {
    display: none;
}

.row {
    max-width: 1140px;
    margin: 0 auto 0 auto;
}

h1 {
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 10px;
    color: #8d8d8d;
    font-size: 400%;
    text-transform: capitalize;
    font-weight: 100;
    word-spacing: 4px;
    letter-spacing: 3px;
}

h3 {
    color: #8d8d8d;
    font-size: 200%;
    text-transform: capitalize;
    font-weight: 100;
    word-spacing: 4px;
    letter-spacing: 2px;
}

.logo {
    height: 50px;
    width: auto;
    float: left;
    margin-top: 20px;
    margin-left: 0;
}

.main-nav {
    float: left;
    list-style: none;
    margin-top: 40px;
    margin-bottom: 40px;
}

.main-nav li {
    display: inline-block;
    margin-left: 20px;
    font-size: 100%;
    color: #8d8d8d;
}

table {
    object-position: center;
    border-collapse: collapse;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

tr {
    background-color: #fff;
    width: 20%;
}

td {
    text-align: center;
    padding: 4px;
    width: 20%;
}

.studio-sculpture {
    width: 100%;
    height: auto;
    transition: transform 0.5s, opacity 0.5s;
    background-color: #fff;
    opacity: 0.7;
    transform: scale(1);
    padding: 10%;
    
}

.studio-sculpture:hover {
    transform: scale(1.25);
    opacity: 1;
}

.row-navigation {
    max-width: 1140px;
    margin: 0 auto 0 auto;
}

.Links {
    text-align: center;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #000000;
}

.Links li {
    display: inline-block;
    margin-left: 20px;
}

.Links li a:link,
.Links li a:visited {
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 100%;
    transition: color 0.2s;
}

.Links li a:hover,
.Links li a:active {
    color: #1c2dfc;
}









@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
animation-delay: 1.4s;
}

.fade-in.four {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.fade-in.five {
     -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.fade-in.six {
     -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.fade-in.seven {
     -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.fade-in.eight {
     -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.fade-in.nine {
     -webkit-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

.fade-in.ten {
     -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    animation-delay: 2.8s;
}

.fade-in.eleven {
     -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.fade-in.twelve {
     -webkit-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    animation-delay: 3.2s;
}

.fade-in.thirteen {
     -webkit-animation-delay: 3.4s;
    -moz-animation-delay: 3.4s;
    animation-delay: 3.4s;
}

.fade-in.fourteen {
     -webkit-animation-delay: 3.6s;
    -moz-animation-delay: 3.6s;
    animation-delay: 3.6s;
}

.fade-in.fifteen {
     -webkit-animation-delay: 3.8s;
    -moz-animation-delay: 3.8s;
    animation-delay: 3.8s;
}

.fade-in.sixteen {
     -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}

.fade-in.seventeen {
     -webkit-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    animation-delay: 4.2s;
}

.fade-in.eighteen {
     -webkit-animation-delay: 4.4s;
    -moz-animation-delay: 4.4s;
    animation-delay: 4.4s;
}

.fade-in.nineteen {
     -webkit-animation-delay: 4.6s;
    -moz-animation-delay: 4.6s;
    animation-delay: 4.6s;
}
