/* Semibold weight; Normal style */
@font-face {
  font-family: 'Euclid';
  font-weight: 400;
  font-style: normal;
  src: url('https://files.persona.co/109771/EuclidCircularA-Semibold.woff') format('woff');
}

/* Bold weight; Normal style */
@font-face {
  font-family: 'Euclid';
  font-weight: bold;
  font-style: normal;
  src: url('https://files.persona.co/109771/EuclidCircularA-Bold.woff') format('woff');
}

/* Regular weight; Normal style */
@font-face {
  font-family: 'Euclid';
  font-weight: normal;
  font-style: normal;
  src: url('https://files.persona.co/109771/EuclidCircularA-Regular.woff') format('woff');
}

/* Light weight; Normal style */
@font-face {
  font-family: 'Euclid';
  font-weight: lighter;
  font-style: normal;
  src: url('https://files.persona.co/109771/EuclidCircularA-Light.woff') format('woff');
}

/* Medium weight; Normal style */
@font-face {
  font-family: 'Euclid';
  font-weight: 200;
  font-style: normal;
  src: url('https://files.persona.co/109771/EuclidCircularA-Medium.woff') format('woff');
}

/* Normal style */
@font-face {
  font-family: 'Derivia';
  font-weight: normal;
  font-style: normal;
  src: url('https://files.persona.co/109771/Derivia-Regular.woff') format('woff');
}

/* Light style */
@font-face {
  font-family: 'Graphik_light';
  font-weight: normal;
  font-style: normal;
  src: url('https://files.persona.co/109771/Graphik-Light.woff') format('woff');
}



html {
    margin-top: 0;
height: 100vh;
}

body {
margin: 0 auto;
padding: 0;
height: 100vh;
min-height: 100vh;
font-family: 'Libre Franklin', 'Helvetica Neue', 'Arial', sans-serif;
    
}

body a {
color: black;
text-decoration: none;
}

body a:hover {
color: #828668;
}


.bg {
    background-image: url('./img/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 100%;


}



.vertical-center {
  margin: 0;
  position: absolute;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
    width: 100%;
}

.maintitle {
font-size: 2.3em;
font-weight: 400;
text-align: center;
color: black;
    letter-spacing: 0.24em;      
    font-family: 'Derivia';
}

.subtitle{
    font-size: 1.15em;
    font-weight: 100;
    text-align: center;
    letter-spacing: 2.5px;
    color: black;  
    font-family: 'Graphik_light';
    position: absolute;
    width: 100%;
    margin-top: 0.5em;
}

.bottom{
    font-size: 1.15em;
    font-weight: 100;
    text-align: center;
    letter-spacing: .5px;
    color: black;  
    font-family: 'Derivia';
    position: absolute;
    bottom: 1em;
    width: 100%;
}

.column {
    float: left;
    width: 100%;
    height:100vh;
    overflow: auto;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}


#load {
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}

#load_md {
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@media screen and (min-width: 1075px) and (max-width: 1500px) {

        .name {
font-size: 3.3em;

}

    
}
@media screen and (min-width: 600px) and (max-width: 1075px) {

        .name {
font-size: 2.9em;
    letter-spacing: 0.14em;      

}
    .bottom {
        font-size: 1.0em;

}
    
}
@media screen and (max-width: 600px) {
    .name {
font-size: 2.3em;

}
    .bottom {
        font-size: 0.9em;

}
}