@font-face {
font-family:'Josefin Sans';
src:url('../fonts/JosefinSans-Regular.eot');
src:url('../fonts/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/JosefinSans-Regular.woff2') format('woff2'),
url('../fonts/JosefinSans-Regular.woff') format('woff'),
url('../fonts/JosefinSans-Regular.ttf') format('truetype'),
url('../fonts/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}

@font-face {
font-family:'Josefin Sans';
src:url('../fonts/JosefinSans-SemiBoldItalic.eot');
src:url('../fonts/JosefinSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/JosefinSans-SemiBoldItalic.woff2') format('woff2'),
url('../fonts/JosefinSans-SemiBoldItalic.woff') format('woff'),
url('../fonts/JosefinSans-SemiBoldItalic.ttf') format('truetype'),
url('../fonts/JosefinSans-SemiBoldItalic.svg#JosefinSans-SemiBoldItalic') format('svg');
font-weight:600;
font-style:italic;
font-display:swap;
}

@font-face {
font-family:'Josefin Sans';
src:url('../fonts/JosefinSans-Italic.eot');
src:url('../fonts/JosefinSans-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/JosefinSans-Italic.woff2') format('woff2'),
url('../fonts/JosefinSans-Italic.woff') format('woff'),
url('../fonts/JosefinSans-Italic.ttf') format('truetype'),
url('../fonts/JosefinSans-Italic.svg#JosefinSans-Italic') format('svg');
font-weight:normal;
font-style:italic;
font-display:swap;
}

@font-face {
font-family:'Josefin Sans';
src:url('../fonts/JosefinSans-SemiBold.eot');
src:url('../fonts/JosefinSans-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/JosefinSans-SemiBold.woff2') format('woff2'),
url('../fonts/JosefinSans-SemiBold.woff') format('woff'),
url('../fonts/JosefinSans-SemiBold.ttf') format('truetype'),
url('../fonts/JosefinSans-SemiBold.svg#JosefinSans-SemiBold') format('svg');
font-weight:600;
font-style:normal;
font-display:swap;
}

@font-face {
font-family:'Droid Serif';
src:url('../fonts/DroidSerif.eot');
src:url('../fonts/DroidSerif.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSerif.woff2') format('woff2'),
url('../fonts/DroidSerif.woff') format('woff'),
url('../fonts/DroidSerif.ttf') format('truetype'),
url('../fonts/DroidSerif.svg#DroidSerif') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}

@font-face {
font-family:'Droid Serif';
src:url('../fonts/DroidSerif-Italic.eot');
src:url('../fonts/DroidSerif-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/DroidSerif-Italic.woff2') format('woff2'),
url('../fonts/DroidSerif-Italic.woff') format('woff'),
url('../fonts/DroidSerif-Italic.ttf') format('truetype'),
url('../fonts/DroidSerif-Italic.svg#DroidSerif-Italic') format('svg');
font-weight:normal;
font-style:italic;
font-display:swap;
}


*{
  box-sizing:border-box;
}

body {
    margin:0;
    font-family:'Droid Serif';
    background-color:#22505b;
    color:#faf4f2;
    font-weight:normal;
}

.container {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding:50px 15px;
    min-height:100vh;
    text-align:center;
    max-width:1280px;
    margin:0 auto;
}

.logo-section {
    margin-bottom:30px;
    max-width:470px;
    width:100%;
}

.logo {
    max-width:100%;
    width:100%;
    height:auto;
    box-shadow: 0px 0px 92px 10px rgba(0,0,0,0.29);
-webkit-box-shadow: 0px 0px 92px 10px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 92px 10px rgba(0,0,0,0.29);
border-radius:100%;
}

.content-section {
    max-width:700px;
    text-align:left;
    width:46.6vw;
}

.content-section h1 {
    font-size:35px;
    margin:0 0 40px 0;
    line-height:40px;
    text-align:left;
    font-family:'Josefin Sans';
    font-weight:normal;

}
.content-section h1 a{color:#faf4f2;text-decoration:underline;}

.content-section p {
    font-size:25px;
    line-height:40px;
    margin:0 0 30px 0;
    text-align:left;
}
.content-section p:last-child{margin:0;}
.bottom-boutton{
    padding:60px 0 0 0;
}
.cta-button {
    padding:20px 34px 19px;
    background-color:#133c46;
    border:2px solid #cf927c;
    color:#e7cac1;
    text-decoration:none;
    font-weight:normal;
    border-radius:10px;
    font-family:'Josefin Sans';
    transition:background-color 0.3s ease;
    display:inline-block;
    font-size: 23px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

.cta-button:hover {
    background-color:#fff;
    color:#133c46;
    border:2px solid #133c46;
}

/* Responsive */
@media (min-width:768px) {
    .container {
        flex-direction:row;
        text-align:left;
    }
    .logo-section, .content-section {
        flex:1;
    }
}
@media (max-width:1599px) {
    .logo-section{padding-right:50px;}
}
@media (max-width:1199px) {
    .container{flex-direction:column; }
    .logo-section{padding:0 0 30px 0;max-width:100%;width:100vw;text-align:center;}
    .logo-section img{max-width:609px;margin:0 auto;}
    .content-section{max-width:100%;width:100vw;text-align:center;}
    .content-section p,
    .content-section h1{text-align:center;}
    .bottom-boutton{        padding:15px 5px;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        text-align: center;background-color: #22505b;}
    .container{padding-bottom:70px;position:relative;}
}
@media (max-width:767px){
    .content-section h1{font-size:32px;line-height:1.35em;}
    .content-section p{font-size:20px;line-height:1.4em;}
    .cta-button{font-size:22px;line-height:1em;padding:15px 24px 14px;}
    .bottom-boutton{        padding:15px 5px;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        text-align: center;background-color: #22505b;}
    .container{padding-bottom:70px;position:relative;}
}