CSS

body{
    background:#223f83;
}
.dl-horizontal dt{
    width:120px;
}
.dl-horizontal dd{
    margin-left:130px;
}
.blue{
    color:#336;
}
nav{
    border-radius:5px;
    font-weight:bolder;
    font-size:16px;
}
ul:not(.nav){
    list-style:none;
    margin-top:6px;
}
li{
    margin:4px 0;
    font-size:16px;
}
li:before {
    color:#338;
    font-family: 'FontAwesome';
    font-size:16px;
    content: '\f00c';
    margin:0 5px 0 -15px;
}
.nav-pills>li>a{
    border-radius:50%;
    color:#ebebeb;
}
.nav-pills>li>a:hover{
    color:#336;
}
#call-text {
    position: relative;
    background: #337AB7;
    height:76px;
    width:35%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color:#fff;
    display:flex;
    align-items:center;
    font-weight:bold;
    padding-left:5px;
}
#call-text-mobile{
    display:none;
}
#call-text:after {
     left: 100%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(51, 122, 183, 0);
     border-left-color: #337AB7;
     border-width: 38px;
     margin-top: -38px;
}
#contact-box {
    background: #fcfeff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGVjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcfeff 0%, #e3eaed 95%, #e8eced 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfeff), color-stop(95%,#e3eaed), color-stop(100%,#e8eced));
    background: -webkit-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    background: -o-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    background: -ms-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    background: linear-gradient(to bottom,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff', endColorstr='#e8eced',GradientType=0 );

    border-radius: 5px;
    border-radius: 5px;
    color:#333;
    padding-right:5px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px solid #d9d9d9;
}
#call-number{
    font-size:40px;
    font-weight:bold;
    margin:0 auto;
}
#welcome{
    /*border-radius:8px;*/
    background:#fff;
    margin:10px 1%;
    padding:4px 20px 2px 20px;
    width:98%;
}


#imageshow-container{
    border-radius:8px;
    /*background:#3E4456;*/
    margin-top:10px;
    padding: 20px 50px;
}

#register-visit{
    margin-top:6px;
}

#register-head{
    background: #fcfeff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGVjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fcfeff 0%, #e3eaed 95%, #e8eced 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfeff), color-stop(95%,#e3eaed), color-stop(100%,#e8eced));
    background: -webkit-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    background: -o-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    background: -ms-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    background: linear-gradient(to bottom,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff', endColorstr='#e8eced',GradientType=0 );
    height:40px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
#register-bottom{
    background: #e8eced;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTNlYWVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #e8eced 0%, #e3eaed 5%, #fcfeff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eced), color-stop(5%,#e3eaed), color-stop(100%,#fcfeff));
    background: -webkit-linear-gradient(top,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
    background: -o-linear-gradient(top,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
    background: -ms-linear-gradient(top,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
    background: linear-gradient(to bottom,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eced', endColorstr='#fcfeff',GradientType=0 );
}

#imageshow{
    display:flex;
    align-items:center;
}

.footer-img{
    width:100%;
}
@media screen and (max-width: 1281px),screen and (max-device-width: 1281px) {
    #call-number{
        font-size:28px;
        font-weight:normal;
        margin:0 0;
    }
}
@media screen and (max-width: 950px),screen and (max-device-width: 950px){
    #call-text{
        font-size:12px;
    }
    #call-number{
        font-size:22px;
    }
}
@media screen and (max-width: 768px),screen and (max-device-width: 768px) {
    .nav-pills>li>a{
        width:92%;
        margin:0 auto;
    }
    #welcome{
        margin-top:32px;
    }
    li{
        height:36px;
        font-size:14px;
        display:flex;
        align-items:center;
    }
    .nav>li{
        display:flex;
    }
    .dl-horizontal{
        text-align:center;
    }
    .dl-horizontal dt{
        margin:0 auto;
    }
    .dl-horizontal dd{
        margin-left:0;
    }
    #contact-box{
        padding: 0 5px;
    }
    #call-text-mobile{
        display:block;
    }
    #call-text{
        display:none;
    }
    #call-number{
        font-size:16px;
        font-weight:normal;
    }

    .nav-pills>li>a{
        border-radius:5px;
        color:#336;
    }

    .nav-pills>li>a:hover{
        color:#337AB7;
    }
}