@font-face {
  font-family: OpenSans;
  src: url("../fonts/opensans-regular-webfont.woff");
}

@font-face {
  font-family: OpenSansBold;
  src: url("../fonts/OpenSans-Bold.woff");
}

@font-face {
  font-family: OpenSansXtraBold;
  src: url("../fonts/OpenSans-ExtraBold.woff");
}

.container-fluid {
  padding: 0;
}

.row {
  margin: 0;
}

body {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  font-family: OpenSans;
}

  body > form {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 80.9px;
  }

header > div.container-fluid {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  /* safari support */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  -webkit-align-items: center;
}

.nav-logo {
  display: block;
  width: auto;
  height: auto;
  padding: 20px 0;
}

.etv-links {
  display: flex;
  flex-flow: row nowrap;
	align-items: center;
  justify-content: flex-end;
  display: -webkit-flex;
  -webkit-flex-flow: row nowrap;
  -webkit-justify-content: flex-end;
	-webkit-align-items: center;
}

  .etv-links .nav.navbar-nav li:not(:last-child) {
    margin-right: 20px;
  }

  .etv-links .nav.navbar-nav li a {
    padding: 5px 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-family: OpenSansBold;
  }

    .etv-links .nav.navbar-nav li a:not(.nav-btn-login) {
      text-align: center;
      color: #448a42;
    }

    .etv-links .nav.navbar-nav li a.nav-btn-login {
      display: block;
      width: 140px;
      background: #0D4F58;
      text-align: center;
      border-radius: 10px;
      padding-left: 0;
      padding-right: 0;
      color: white;
    }

    .etv-links .nav.navbar-nav li a:not(.nav-btn-login):hover {
      background: #f48333;
      color: white;
    }

footer {
  width: 100%;
  height: 80px;
  background-color: #0D4F58;
  position: absolute;
  bottom: 0;
  font-family: OpenSansBold;

  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  
  display: -webkit-flex;
  -webkit-flex-flow: column nowrap;
  -webkit-align-items: center;
  -webkit-align-content: center;
  -webkit-justify-content: center;
}

  footer .nav.navbar-nav li {
    display: inline;
  }

    footer .nav.navbar-nav li a {
      display: inline;
      padding: 0 15px;
      color: #000000;
      text-transform: capitalize;
      font-size: 16px;
    }

      footer .nav.navbar-nav li a:hover {
        background: transparent;
        text-decoration: underline;
      }

  footer .copyright {
    margin: 10px 0 0;
    font-size: 15px;
    font-family: OpenSans;
    color: white;
  }

#home-section {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}

  #home-section img {
    width: 100%;
    height: auto;
  }

#welcome {
  position: absolute;
  width: 100%;
	max-width: 800px;	
  top: 20%;
	left: 50%;	
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);    
  height: 100%;
	max-height: 438px;	
}

  #welcome iframe {		
		width: 100%;				
		height: 100%;		
		border: none;
	}

	p.fmi {
		margin-top: 20px;
		font-size: 22px;
		/*color: #A40100;*/
		color: white;
		background: rgba(164,1,0,0.7);
		border-radius: 5px;
		padding: 10px 0;
	}

		#welcome p.fmi a {
			color: black;
		}

#contact-section {
  height: 75vh;  
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  display: -webkit-flex;
  -webkit-flex-flow: column nowrap;
  -webkit-align-items: center;
  -webkit-align-content: center;
  -webkit-justify-content: center;
  font-family: OpenSansBold;
  font-size: 3em;
}

#contact-section > p {
  text-align: center;
}

/* responsiveness */

/* xsmall */
@media all and (max-width: 767px) {
  .nav-logo {
    text-align: center;
  }

  .etv-links {
    justify-content: center;
    -webkit-justify-content: center;
  }

    .etv-links .nav.navbar-nav {
      width: 100%;
    }

      .etv-links .nav.navbar-nav li {
        float: left;
        width: 100%;
      }

        .etv-links .nav.navbar-nav li:not(:last-child) {
          margin-right: 0;
          margin-bottom: 10px;
        }

        .etv-links .nav.navbar-nav li a.nav-btn-login {
          width: 100%;
        }

  #welcome {
    width: 100%;   
		top: 0;
  }    

  #contact-section {
    font-size: 1.8em;
  }
	
	#home-section img {		
		width: 100%;
		height: auto;
	}
	
	p.fmi {		
		margin-top: 20px;
		font-size: 22px;
		/*color: #A40100;*/
		color: black;
		background: white;
		border-radius: 5px;
		padding: 10px 0;
	}
}

/* small */
@media (min-width: 768px) and (max-width: 991px) {
}

/* medium */
@media (min-width: 992px) and (max-width: 1999px) {
}

/* large */
@media (min-width: 1200px) {
}

/* responsiveness */