body, html {
    height: 100%;
}
.navbar li a  {
   color: #5789b3;

}
.navbar-brand {
   font-size:18px;
   color: darkblue;
}

.navbar-toggler {
        border-color: rgb(255,102,203);
        margin-left:0;
        width:45px;
        height:30px;
        padding:0;
        margin:0;
    }
 .navbar-toggler-icon {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
      }
@media screen and (min-device-width: 1024px){
    .main-nav {
       width: 70%;
       margin:auto;
    }
}
.main-li {
    padding:0;
    margin:0;
}


.intro-txt-header{
    letter-spacing: 3.5px;
    /*
    -webkit-text-stroke: 2.5px grey;
    text-stroke: 2.5px grey;
    */
}
.intro-txt-item{
    /*
    -webkit-text-stroke: 2.5px grey;
    text-stroke: 2.5px grey;
    */
}

@media screen and (min-device-width: 0px ) and (max-device-width: 319px){
    .navbar {
       width:100%;
       /*
       width:90%;
       */
       /*line-height: 1.42857413;
*/
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:0%; 
       font-size: 15px;
    }
    .lang-nav {
       margin-right:0%;
    }
    .nav-item {
       font-size: 12px;
    }
    .big-device {
       display:none;
    }
    .small-device {
       display:block;
    }
    .main-bkg-img-separator{
       height:7.7%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 250px; 
    
        /* Create the parallax scrolling effect */
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       display:none;
       position:absolute;
       height:100%;
       width:63%;
       display:block;
       opacity:0.75;
       border-top: 125px solid #00305b;
       border-bottom: 125px  solid #00305b;
       border-right-width: 55px;
       border-right-style:solid;
       border-right-color: transparent;
       display:none;
    }
    .intro-txt {
        position: absolute;
        top: 15%;
        left: 3%;
        color: #ffffff;
       display:none;
    }
    .intro-txt-header{
       font-size:16px;
       font-weight: 200;
       font-family:'open sans',sans-serif;
       letter-spacing: 1px;
       display:none;
    }
    .intro-txt-item{
       margin-top:1px;
        font-size: 14px; 
       font-family:'open sans',sans-serif;
       display:none;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 359px){
    .navbar {
       margin: auto;
       width:100%;
       /*
       width:90%;
       */
       font-size: 8px;
       /*line-height: 1.42857413;
        */
       letter-spacing: 1px;
       margin-right:auto;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:0%; 
    }
    .lang-nav {
       margin-right:5%;
    }
    .big-device {
       display:none;
    }
    .small-device {
       display:block;
    }
    .main-bkg-img-separator{
       height:7.7%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 350px; 
    
        /* Create the parallax scrolling effect */
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:62%;
       display:block;
       opacity:0.75;
       border-top: 175px solid #00305b;
       border-bottom: 175px  solid #00305b;
       border-right-width: 55px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 5%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:18px;
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:80px;
        font-size: 18px; 
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }
    /*
    .img-brand{
      position:relative;
    }
    */
}



@media screen and (min-device-width: 360px) and (max-device-width: 413px){
    .navbar {
       margin: auto;
       width:100%;
       /*
       width:90%;
       */
       font-size: 8px;
       /*line-height: 1.42857413;
        */
       letter-spacing: 1px;
       margin-right:auto;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:0%; 
    }
    .lang-nav {
       margin-right:5%;
    }
    .big-device {
       display:none;
    }
    .small-device {
       display:block;
    }
    .main-bkg-img-separator{
       height:10.1%; 
    }
    .main-bkg-img {
           background-image: url("/static/info/img/purtugal_15.jpg");

		height:350px;
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    } 
    .intro-container {
       position:absolute;
       height:100%;
       width:60%;
       display:block;
       opacity:0.75;
       border-top: 175px solid #00305b;
       border-bottom: 175px  solid #00305b;
       border-right-width: 40px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 3%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:22px;
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:72px;
        font-size: 22px; 
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }



}

@media screen and (min-device-width: 414px) and (max-device-width: 767px){
    .navbar {
       margin: auto;
       width:100%;
       font-size: 8px;
       letter-spacing: 1px;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:0%; 
    }
    .lang-nav {
       margin-right:5%;
    }
    .big-device {
       display:none;
    }
    .small-device {
       display:block;
    }

    .main-bkg-img-separator{
       height:7.5%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 350px; 
    
        /* Create the parallax scrolling effect */
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:58%;
       display:block;
       opacity:0.75;
       border-top: 175px solid #00305b;
       border-bottom: 175px  solid #00305b;
       border-right-width: 55px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 5%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:22px;
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:70px;
        font-size: 22px; 
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }


}

@media screen and (min-device-width: 414px) and (max-device-width: 767px)and (orientation: landscape){
    .intro-txt-header{
       font-size:22px;
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:85px;
        font-size: 22px; 
       font-weight: 300;
       font-family:'open sans',sans-serif;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1023px){
    .navbar {
       margin: auto;
       width:100%;
       /*
       width:90%;
       */
       font-size: 8px;
       /*line-height: 1.42857413;
        */
       letter-spacing: 1px;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:0%; 
    }
    .lang-nav {
       margin-right:5%;
    }
    .big-device {
       display:none;
    }
    .small-device {
       display:block;
    }

    .main-bkg-img-separator{
       height:5%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 650px; 
    
        /* Create the parallax scrolling effect */
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:58%;
       display:block;
       opacity:0.75;
       border-top: 325px solid #00305b;
       border-bottom: 325px  solid #00305b;
       border-right-width: 150px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 5%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:32px;
       font-weight: 380;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:256px;
        font-size: 30px; 
       font-weight: 380;
       font-family:'open sans',sans-serif;
    }




}


@media screen and (min-device-width: 1024px) and (max-device-width: 1279px){
    .navbar {
       margin: auto;
       /*
       width:95%;
        */
       width: 100%;
       font-size: 14px;
       /*line-height: 1.42857413;
       line-height: 1;
       letter-spacing: 1px;
        * */
	    height: 8%;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:2.5%; 
    }
    .lang-nav {
       margin-right:2.5%;
    }
    .big-device {
       display:block;
    }
    .small-device {
       display:none;
    }
    .main-bkg-img-separator{
       height:8%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 750px; 
    
        /* Create the parallax scrolling effect */
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:58%;
       display:block;
       opacity:0.75;
       border-top: 375px solid #00305b;
       border-bottom: 375px  solid #00305b;
       border-right-width: 150px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 5%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:34px;
       font-weight: 380;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:256px;
        font-size: 32px; 
       font-weight: 380;
       font-family:'open sans',sans-serif;
    }
}

@media screen and (min-device-width:1024px)  and (max-device-width: 1279px)and (orientation: landscape){
    .navbar {
       margin: auto;
       /*
       width:95%;
        */
       width: 100%;
       font-size: 14px;
       /*line-height: 1.42857413;
       line-height: 1;
       letter-spacing: 1px;
        * */
	    height: 8%;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:2.5%; 
    }
    .lang-nav {
       margin-right:2.5%;
    }
    .big-device {
       display:block;
    }
    .small-device {
       display:none;
    }
    .main-bkg-img-separator{
       height:8%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 750px; 
    
        /* Create the parallax scrolling effect */
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:58%;
       display:block;
       opacity:0.75;
       border-top: 375px solid #00305b;
       border-bottom: 375px  solid #00305b;
       border-right-width: 150px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 5%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:34px;
       font-weight: 400;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:256px;
        font-size: 34px; 
       font-weight: 400;
       font-family:'open sans',sans-serif;
    }
}


@media screen and (min-device-width: 1280px) and (max-device-width: 1439px){
    .navbar {
       margin: auto;
       /*
       width:95%;
        */
       width: 100%;
       height:8%;
       font-size: 16px;
       /*line-height: 1.42857413;
       line-height: 1;
       letter-spacing: 1px;
        * */
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:2.5%; 
    }
    .lang-nav {
       margin-right:2.5%;
    }
    .big-device {
       display:block;
    }
    .small-device {
       display:none;
    }
    .main-bkg-img-separator{
       height:8%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 750px; 
    
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:45%;
       display:block;
       opacity:0.75;
       border-top: 375px solid #00305b;
       border-bottom: 375px  solid #00305b;
       border-right-width: 300px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 3%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:40px;
       font-weight: 390;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:206px;
       font-size: 38px; 
       font-weight: 390;
       font-family:'open sans',sans-serif;
    }
}
@media screen and (min-device-width:1280px) and (max-device-width:1439px) and (min-height:1024px) {
    .navbar {
       margin: auto;
       /*
       width:95%;
        */
       width: 100%;
       height:8%;
       font-size: 16px;
       /*line-height: 1.42857413;
       line-height: 1;
       letter-spacing: 1px;
        * */
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:2.5%; 
    }
    .lang-nav {
       margin-right:2.5%;
    }
    .big-device {
       display:block;
    }
    .small-device {
       display:none;
    }
    .main-bkg-img-separator{
       height:8%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 950px; 
    
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center 8%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:45%;
       display:block;
       opacity:0.75;
       border-top: 475px solid #00305b;
       border-bottom: 475px  solid #00305b;
       border-right-width: 300px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 3%;
        color: #ffffff;
    }
    .intro-txt-header{
       font-size:40px;
       font-weight: 390;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:340px;
       font-size: 38px; 
       font-weight: 390;
       font-family:'open sans',sans-serif;
    }
}

@media screen and (min-device-width: 1440px){
    .navbar {
       margin: auto;
       width:100%;
       /*
       width:80%;
       */
       font-size: 18px;
       /*line-height: 1.42857413;
       line-height: 1;
       letter-spacing: 1px;
        * */
	    height: 8%;
       font-family: raleway, sans-serif;
    }
    .navbar-brand {
       margin-left:5%; 
    }
    .lang-nav {
       margin-right:5%;
    }
    .big-device {
       display:block;
    }
    .small-device {
       display:none;
    }
    .main-bkg-img-separator{
       height:8%; 
    }
    .main-bkg-img {
        /* The image used */
        background-image: url("/static/info/img/purtugal_1.jpg");
    
        /* Full height */
        height: 848px; 
    
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center ;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .intro-container {
       position:absolute;
       height:100%;
       width:45%;
       display:block;
       opacity:0.75;
       border-top: 424px solid #00305b;
       border-bottom: 424px  solid #00305b;
       border-right-width: 300px;
       border-right-style:solid;
       border-right-color: transparent;
    }
    .intro-txt {
        position: absolute;
        top: 18%;
        left: 4%;
        color: #ffffff;
    }
    .intro-txt-header{
        font-size:40px;
        font-weight:390;
       font-family:'open sans',sans-serif;
    }
    .intro-txt-item{
       margin-top:310px;
        font-size: 38px; 
        font-weight: 390;
       font-family:'open sans',sans-serif;
    }
}

.main-bkg-img {
    /* The image used */
    background-image: url("/static/info/img/purtugal_15.jpg");

}
.header-bg-img{
   width:100%;
   height: auto;
}

.content-block {
    font-family: raleway,sans-serif;
}


@media screen and (min-device-width: 960px){
    .row-areas-header-parent {
       position:relative;
    }
}

/*
    .row-areas-header-parent {
       position:relative;
    }
    */
.row-areas-header {
    background-color: rgba(0, 48, 91, 0.65);
    /*color: #00305B;*/
    color: #ffffff;
    letter-spacing: 2.3px;
   font-family: sans-serif;
}

.areas-content-row {
    color: #2e5496;
}
/*
    .row-areas-header-txt {
        padding-top: 25%;
        padding-left: 47%;
        position: absolute;
    }
    */
@media screen and (min-device-width: 960px){
    .row-areas-header-txt {
        padding-top: 25%;
        padding-left: 30%;
        padding-right: 10%;
        padding-bottom: 25%;
        position: absolute;
    }
    .row-areas-content{
        margin-top:5%; 
        margin-bottom:5%; 
    }
    .areas-content-row {
        font-size:  25px;
    }
}
@media screen and (max-device-width: 959px){
    .row-header-txt {
        text-align: center;
    }
    .row-areas-header-txt {
       margin-top:4%; 
       margin-bottom:4%; 
    }
    .areas-content-row {
        font-size:  20px;
    }
}

#areas_table {
    width:75%;
    margin:auto;
    margin-left: 20px;
    margin-top: 60px;
    margin-bottom: 120px;
    font: normal normal normal 18px/2.4em 'open sans',sans-serif;
}
.areas-row {
    margin-top: 6%;
    margin-bottom: 6%;
}

#areas_li{
    padding-top:20px;
}

.areas-col-square {
    padding-right:0;
    text-align: right;
}

.footer-divider {
   width:70%;
    margin:auto;
}

.square-img {
   width:14px;
   height:14px;
}
.logo-img {
   width:180px;
   height:45px;
}
/*
.list-group{
    background-color:#375C7B;
    margin:0;
    padding:0;
}
*/

.row_mission {
   background-color:#00305b;
   color:#ffffff;
}

.mission_title{
   font-size: 34px; 
   font-weight: bold;
   font-family:'open sans',sans-serif;
   text-align: center;
   margin-top: 4%;
}

#mission_txt {
   text-align: center;
   font-size: 20px;
   font-family:'open sans',sans-serif;
}
.mission_content {
    margin-top: 3%;
    margin-bottom: 4%;
}

.employee_title {
   font-size: 34px; 
   font-family:'open sans',sans-serif;
   text-align: center;
   color: #2e5496;
   margin-top: 4%;
   margin-bottom: 4%;
   letter-spacing: 2.3px;
    
}

.container-fluid {
    background-color: #f3f3f3;
}
.row_employee {
   margin: 0 auto;
   width: 90%;
}
.employee_info{
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 90%;
   font-family:'open sans',sans-serif;
   text-align: center;
   color: #2e5496;
}

.employee_name {
   vertical-align: middle;
   padding-top:5%;
   /*border-bottom: 1px solid #00305b;
    * */
   line-height: 1.1;
   /*font-weight: 700;
    * */
   font-family: 'open sans',sans-serif;
   color: #0e3058;
}
.employee_type{
   vertical-align: middle;
   /*border-bottom: 1px solid #00305b;
    * */
   line-height: 1.1;
   font-family:'open sans',sans-serif;
   color: #2e5496;
   font-size: 1.25rem; 
   font-weight: 500;
}
.employee_type_ch
{
   font-size: 25px; 
}

.faceimg-container{
   position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0%;
  height: 100%;
  width: 90%;
  opacity: 0;
  transition: .5s ease;
  background-color: #00305b;
}

.faceimg-container:hover .overlay {
  opacity: 0.6;
}



.employ_text {
  color: white;
  font-size: 15px;
  position: absolute;
  top:40%;
  padding-left: 5%;
  padding-right: 5%;
  /*top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  */
  text-align: left;
  font-family:'open sans',sans-serif;
}



#contact_block{
}
#row_contact {
   margin: auto;
   width: 100%;
}
.contact_left {
    color: #ffffff;
   font-family: raleway,sans-serif;
}
.contact_title {
   margin-bottom: 50px;
}

.contact_info {
  margin-top: 5%;
}
.contact_info_title {
  color: #ffffff;
  font-family:'open sans',sans-serif;
  margin-bottom: 20px;
  font-size:20px;
}
.contact_info_content {
   color: #2e5496;
  font-family:'open sans',sans-serif;
   
}
.contact_right{
  background-color: #b5cae7;
  padding-right:15%;
  padding-left:5%;
}
.msg_send {
   color:#ffffff;
   font-size:20px;
   margin-top: 3%;
   margin-bottom:3%;
}

.form-left {
  padding:0;
  margin:0;

}
.form-right{

}
.btn {
   border: 1px solid #0099cc;
   color: #00305b;
  float:right;
  margin-bottom:20px; 
  background-color:#ffffff;
}
.page-foot {
  background-color:#00305b;
  color:#ffffff;
}
#footer_block p {
  width:50%;
  margin:auto;
  text-align: center;
}