@font-face {
    font-family: 'OpenSans';
    src: url(fonts/Open_Sans/OpenSans-Regular.ttf);
}

*{
    margin: 0;
    padding: 0;
}
body{
    overflow-y: hidden;
}
.wrapper{
    width: 100%;
    height: 100vh;
    background-color: #005F61;
}
.wrapper img{
    width: 20%;

    position: absolute;
    right: 5vw;
    top: 3vh;
}
#monogram{
    width: 60%;

    right: initial;
    top: initial;
    bottom: -6.5vw;
    left: -7vw;
    opacity: 0.2;
}
.wrapper h2{
    color: rgb(255,255,255);
    font-family: Georgia, sans-serif;

    font-size: calc(0.7em + 2vw);
    letter-spacing: 2px;
    line-height: calc(15px + 1.5vw);

    position: absolute;
    bottom: 3.5vw;
    left: 8vw;
}
.wrapper h2 span{
    font-family: Georgia, sans-serif;
    font-weight: lighter;
}
.wrapper p{
    color: rgb(255,255,255);
    font-family: Georgia, sans-serif;
    font-size: calc(0.3em + 1vw);
    /*position: absolute;
    bottom: 5.5vw;
    right: 5vw;*/
}
.box-r{
    position: absolute;
    bottom: 60px;
    right: 80px;
}
.wrapper a{
    font-family: Georgia, sans-serif;
    font-size: calc(0.2em + 1vw);
    position: relative;
    top: 15px;
    /*position: absolute;*/
    /*bottom: 1.6vw;*/
    /*right: 1vw;*/
    color: #005F61;
    background-color: rgb(244, 244, 244);
    padding: 7px 9px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.wrapper a:hover{
    color: rgb(255,255,255);
    background-color: #008486;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 1020px) {
    .wrapper p{
        bottom: 7.5vw;
    }
}
@media only screen and (max-width: 490px) {
    .wrapper img{
        width: 40%;
        right: initial;
        top: 5vh;
        left: 5vh;
    }
    #monogram{
        width: 76%;
        left: -12vw;
    }
    .wrapper h2{
        font-size: calc(1.3em + 0.2vw);
        line-height: 20px;
        letter-spacing: 1px;
        bottom: 5vw;
        left: 6vw;
    }
    .box-r{
        position: absolute;
        bottom: 35px;
        right: 10px;
    }
    .wrapper p{
        font-weight: lighter;
        font-size: calc(0.3em + 1.2vw);
        letter-spacing: 1px;
        line-height: 13px;
    }
    .wrapper a{
        top: 4px;
        font-size: calc(0.3em + 1.2vw);
        padding: 4px 6px;
    }
}