@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/1/Frontend/fonts/open-sans.woff2) format('woff2');
}
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  background-color: #fafafa;
}
.wrapper {
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  height: 100vh;
}
.wrapper header,
.wrapper section.main,
.wrapper footer {
  display: flex;
  -ms-flex: 1 100%;
  -webkit-flex: 1 100%;
  flex: 1 100%;
}
header {
  color: #fafafa;
  align-items: center;
  margin: 1em;
}
header .logo {
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
header .logo img {
  height: 13vh;
}
header .follow-us {
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  display: flex;
  color: #1f497d;
  justify-content: center;
}
header .follow-us div {
  display: flex;
}
header .follow-us div img {
  align-self: center;
}
header .follow-us h2 {
  font-weight: bold;
  font-size: 3vh;
  margin-left: 1vw;
}
header .clock {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: bold;
  text-align: center;
  background-color: #ea6838;
  padding: 1em 4em;
  border-radius: 1em;
  margin-right: 2vh;
}
header .clock .time {
  font-size: 4vh;
}
header .clock .date {
  font-size: 2vh;
}
section.main {
  border-top: 2vh solid #1f497d;
  align-items: center;
}
section.main .carousel {
  display: flex;
  align-self: stretch;
  -ms-flex: 2 65%;
  -webkit-flex: 2 65%;
  flex: 2 65%;
}
section.main .carousel img {
  min-height: 55vh;
}
section.main .carousel img.fade.ng-enter {
  opacity: .75;
  -moz-transition: 2s ease-in all;
  -o-transition: 2s ease-in all;
  -webkit-transition: 2s ease-in all;
  transition: 2s ease-in all;
}
section.main .carousel img.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
section.main .carousel img.fade.fade.ng-leave {
  opacity: 0;
}
section.main .imgDescText {
  align-self: left;
  margin: 1vw;
}
section.main .imgDescText h2 {
  font-weight: bold;
}
section.main .trending {
  -ms-flex: 1 30%;
  -webkit-flex: 1 30%;
  flex: 1 30%;
  align-self: center;
  margin: 1vw;
}
section.main .trending h1 {
  font-weight: bold;
  text-align: center;
  font-size: 4vh;
  color: #f89c2d;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 3vh;
}
section.main .trending h2 {
  font-weight: bold;
  align-self: left;
}
section.main .trending p {
  font-weight: bold;
  line-height: 4vh;
  font-size: 2.5vh;
  margin: 0 2vh 2vh 2vh;
}
section.main .trending p:not(:last-child):after {
  content: ' ';
  display: block;
  margin-top: 2vh;
  border-bottom: 0.5vh #f89c2d solid;
}
footer {
  color: #fafafa;
  background-color: #1f497d;
  align-items: stretch !important;
}
footer .tweets {
  display: flex;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex: 5;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 2vw;
}
footer .tweets .tweet {
  display: flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  align-items: center;
}
footer .tweets .tweet .avatar {
  margin-right: 1vw;
}
footer .tweets .tweet .avatar img {
  display: flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
footer .tweets .tweet .tweet-body {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
footer .tweets .tweet .tweet-body .tweet-by {
  font-weight: bold;
  font-size: 2vh;
  margin-bottom: 1vh;
}
footer .tweets .tweet .tweet-body .tweet-by small {
  color: #bbbbbb;
}
footer .tweets .tweet .tweet-body .tweet-by .time:before {
  content: "\00b7";
  padding: 0 .5vw 0 .5vw;
}
footer .tweets .tweet .tweet-body .content {
  font-size: 1.25vw;
  padding: 0;
  margin: 0;
  margin-right: 1em;
}
footer .tweets .tweet.fade.ng-enter {
  opacity: 0;
  -moz-transition: 2s ease-in all;
  -o-transition: 2s ease-in all;
  -webkit-transition: 2s ease-in all;
  transition: 2s ease-in all;
}
footer .tweets .tweet.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
footer .tweets .tweet.fade.fade.ng-leave {
  opacity: 0;
}
footer .follow {
  display: flex;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
footer .follow img {
  align-self: flex-end;
  height: 20vh;
}
footer .follow .contact {
  font-size: 1.5vh;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: bold;
  text-align: right;
  align-self: center;
}
footer .follow .contact p {
  padding: 0 3vh 0 2vh;
}