@import url("reset.css");

body{
    position: relative;
}
.container {
    letter-spacing:0px;
}
.container h1{
    font: normal normal 300 34px/48px Montserrat;
}
.container h2{
    font: normal normal 300 16px/20px Montserrat;
    margin-top:10px;
    margin-bottom:50px;
}
.seperator{
    height: 1px;
    border-top: 1px dashed #707070;
}
.contact-section{
    width: 100%;
    height: 100vh;
    min-height: 1080px;
}
.contact-section .wrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.contact-section .country{
    
    box-shadow: 0px 3px 6px #00000029;
    border: 1px dashed #7E7E7E;
    height:61px;
    padding-top:20px;
    margin-bottom:15px;
    vertical-align: middle;
}

.disable {
    background-color: #E2E0DD;
}

.disable-font {
    color:#999999;
}
.contact-section .country-btn {
    font: normal normal 300 16px/20px Montserrat;
    text-align: center;
    vertical-align: middle;
}
.contact-section .contact-area{
    width: 428px;
    text-align: center;
    height: auto;
    margin-top: 12%;
}

.contact-section .manual-area{
    margin-top:100px;
    padding: 3% 6% 5% 5%;
    box-shadow: 0px 3px 6px #00000029;
    text-align: left;
}
.contact-section .manual-area .first-txt p{
    word-break: keep-all;
    font: normal normal 500 20px/48px Montserrat;
}
.contact-section .manual-area .manual-txt{
    padding-top: 1%;
    padding-right:6%;
}
.contact-section .manual-area .manual-txt p{
    word-break: keep-all;
    font: normal normal 300 16px/22px Montserrat;
}
.manual-area a:link{
    text-decoration: underline !important;
    color: #2C2C2C !important;
    font: normal normal 500 16px/22px Montserrat;
}


@media screen and (max-width: 833px) {
    .container h1{
        font: normal normal 300 24px/48px Montserrat;
    }

    .container h2{
        font: normal normal 300 12px/20px Montserrat;
        margin-bottom:25px;
    }
    .contact-section{
        min-height: 700px;
    }
    .contact-section .contact-area{
        width: 318px;
        margin-top:80px;
    }

    .contact-section .manual-area{
        margin-top:25px;
        padding-left:8%;
    }

    .contact-section .manual-area .first-txt p{
        font: normal normal 500 11px/48px Montserrat;
    }

    .contact-section .manual-area .manual-txt p{
        font: normal normal 300 11px/15px Montserrat;
    }
    .manual-area a:link{
        font: normal normal 500 11px/15px Montserrat;
    }
}