@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600&family=La+Belle+Aurore&display=swap');

html,
body { height: 100%;}

body { font-family: 'Cairo', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.8; color: #ffffff; background-color: #005043;}

.parent {height: 100%; display: flex; align-items: center; justify-content: center;}

.child {width: auto; height: auto; padding-right: 15px; padding-left: 15px;}

a {color: #FFFFFF; text-decoration: none; background-color: transparent;}

a:hover, a:focus, a:active {outline: none !important; color: #00a75c; text-decoration: none;}

@media (min-width: 1200px){
.col-xl-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 992px){
.col-lg-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 768px){
.col-md-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 576px){.col-sm-12 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

.col-sm-12, .col-md-6, .col-lg-6, .col-xl-6 {position: relative; width: 100%; min-height: 1px; margin-top:50px; margin-bottom:50px; min-width: 420px;}

img{max-width:420px; border: 0; vertical-align: top; max-width: 100%; height: auto;}

.text-center {text-align: center}

p {margin-top: 0; margin-bottom: 1rem;}