@font-face {
    font-family: "Montserrat-Regular";
    src: url('fonts/Montserrat-Regular.ttf') format('truetype'),
    url('fonts/Montserrat-Regular.eot') format('embedded-opentype'),
    url('fonts/Montserrat-Regular.woff') format('woff'),
    url('fonts/Montserrat-Regular.svg') format('svg');
}
@font-face {
    font-family: "Montserrat-Bold";
    src: url('fonts/Montserrat-Bold.ttf') format('truetype'),
    url('fonts/Montserrat-Bold.eot') format('embedded-opentype'),
    url('fonts/Montserrat-Bold.woff') format('woff'),
    url('fonts/Montserrat-Bold.svg') format('svg');
}

body,html{ padding: 0; margin: 0; width: 100%; height: 100%; font-size: 16px; color: #333333; font-family: 'Montserrat-Regular',sans-serif; line-height: 1.8; letter-spacing: .02rem;}
hr {border-color: #A9A9A9;}
.text-bold {font-family: 'Montserrat-Bold', sans-serif;}
a:hover{ text-decoration: none; }
.btn {background: #f5ed38; border-radius: 5px; border: none;}
.btn:hover {
    background: #dc9f0f;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.btn:disabled {
    background: #464646;
}
.logo {height: 45px;}
.id-section {padding-top: 100px;}
.id-map-transmit img {position: absolute; right: 0; bottom: 0; }
.social {font-size: 24px; padding-left: 10px; padding-right: 10px;}
.social:hover i {
    color: #f5ed38;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.bio img, .logos img {
    filter: grayscale(1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.bio img:hover, .logos img:hover  {filter: grayscale(0);}
.bio-pic img {height: 300px;}
.header .contact, footer .contact {margin-top: 3px;}
header {position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.65); backdrop-filter: blur(5px);}
.banner {padding-top: 77px;}

.text-light-gray {color: #EFEFEF !important;}
.text-black {color: black !important;}
.bg-light-gray {background: #EFEFEF !important;}
.bg-med-gray {background: #d8d8d8 !important;}
.bg-dark-gray{ background: #505050 !important; }
.bg-dark-dark-gray {background: #464646 !important;}
.bg-yellow {background: #f5ed38 !important;}
.bg-black {background-color: black;}

.font-size-14{ font-size: 14px; }
.font-size-16{ font-size: 16px; }
.font-size-24{ font-size: 24px; }
.font-size-32{ font-size: 32px; }
.font-size-46{ font-size: 46px; }

.wide-spacing {letter-spacing: 0.12em}

#banner{ background-repeat: no-repeat; background-size: cover; background-position: center center; height: 750px;}
#body { background-repeat: no-repeat; background-size: cover; background-position: bottom center; }
.rounded-corners {border-radius: 5px !important;}
.table-element{ display: table; margin: 0; padding: 0; width: 100%; height: 100%; }
.table-cell{ display: table-cell; margin: 0; padding: 0; width: 100%; height: 100%; }
.form-check {border-style: solid;  border-color: #e8e8e8; border-width: 1px; box-shadow: none;}
.form-check-label {display: inline;}
.form-control {height: 52px; border-radius: 1px;}
.form-control:active {text-decoration: none; outline: none;}


@media only screen and (max-width: 1199px){

}

@media only screen and (max-width: 991px){
    .id-section {padding-top: 55px; padding-bottom: 55px;}
    .id-section img {height: 225px;}
}

@media only screen and (max-width: 767px){
    /*.font-size-14{ font-size: 12px; }*/
    /*.font-size-16{ font-size: 14px; }*/
    .font-size-24{ font-size: 20px; }
    .font-size-32{ font-size: 26px; }
    .font-size-46{ font-size: 36px; }
    #banner{height: 500px;}
    .social {font-size: 20px; padding-left: 7px; padding-right: 7px;}
    .social-icons {margin-top: 4px;}
    .bio-pic img {height: 250px;}
    header {background-color: rgba(0,0,0,0.9);}

}

@media only screen and (max-width: 575px){
    /*.font-size-14{ font-size: 10px; }*/
    /*.modal .font-size-12 {font-size: 10px;}*/
    .font-size-16{ font-size: 12px; }
    .modal .font-size-16{ font-size: 14px; }
    .font-size-24{ font-size: 14px; }
    .font-size-32{ font-size: 20px; }
    .font-size-46{ font-size: 28px; }
    #banner{height: 400px;}
    .header .contact, footer .contact {margin-top: 7px;}
    .social {font-size: 20px; padding-left: 7px; padding-right: 7px;}
    .social-icons {margin-top: 4px;}
    .bio-pic img {height: 200px;}
    .form-check img {width: 25px !important;; margin-left: -13px !important;; padding-right: 3px !important;}
}

@media only screen and (max-width: 320px) {

}

@media only screen and (max-width: 575px){

}