.welcome h2 strong {
color: #000;
font-style: italic;
font-size: 115% !important;
}
.welcome {
display: table-cell;
width: 45%;
float: left;
padding-right: 1%;
text-align: left;
vertical-align: middle;
}
#introP {
font-size: 125%;
}
.thirdContainer h2 {
text-align: center;
}
.thirdContainer h2 strong {
color: #000;
font-style: italic;
font-size: 150% !important;
}
.firstContainter {
display: table;
width: 100%;
vertical-align: middle;
text-align: left !important;
}
.flag-img {
cursor: pointer;
width: 5%;
font-family: arial;
}
.video {
display: table-cell;
position: relative;
padding-bottom: 25%; padding-top: 50px;
height: 100%;
width: 55%;
float: right;
vertical-align: middle;
}
#video_player {
position: absolute;
top: 0;   width: 100%;
height: 100%;
}
.thirdContainer h1 {
text-align: center;
}
.postContainer {
display: inline-block;
position: relative;
width: 33%; padding-top: 33%;
overflow: hidden;
border: solid 0.5px #fff;
}
.postTitle {
position: absolute;
color: #fff;
padding: 2.5%;
padding-left: 7.5%;
padding-right: 7.5%;
background-color: rgba(0, 0, 0, 0.775);
left: 0;
bottom: 0;
right: 0;
}
.postContainer img {
position: absolute;  object-fit: cover;
object-position: 0 0;
height: 100% !important;
top: 0;
left: 0;
bottom: 0;
right: 0; -webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
.postContainer > a {
position: absolute;
display:inline-block;
width:100%;
height:100%;
top: 0;
}
.postContainer:hover {
cursor: pointer;
}
.postContainer:hover .postContent { cursor: pointer;
opacity: 1;
}
.postContainer:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.postContent { width: 100%;
height: 100%;
position: absolute;
padding: 5%;
color: #fff;
background-color: rgba(27,150,207, 0.875);
top: 0;
font-size: 110%;
font-weight: bold;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
opacity: 0;
}
@media only screen and (min-width: 865px) {
.secondContainer {
text-align: center;
padding-top: 2.5%;  }
.secondContainer img {
filter: brightness(66.667%);
z-index: -2000;
}
.showCaseContainer {
width: 49.5%;
display: inline-block;
position: relative;
padding-bottom: 0.50%;
}
.showCaseTextContainer {
position: absolute;
width: 100%;
z-index: 1;
padding: 2%;
padding-top: 5%;
color: #fff !important;
}
.showCaseTextContainer a {
color: rgba(27,150,207) !important;
font-weight: bold; padding-top: 5px;
padding-bottom: 5px;
padding-left: 7.5px;
padding-right: 7.5px;
background-color: rgba(255,255,255, 0.90);
transition-timing-function: ease;
transition: 0.2s;
}
.showCaseTextContainer a:hover {
text-decoration: none;
color: rgba(255,255,255) !important;
font-weight: bold;
background-color: rgba(0,0,0, 0.90);
}
.showCaseTextTitle { }
.showCaseActionsContainer { }
.showCaseTextTitle h1 {
padding-top: 0px !important;
margin-top: 0px !important;
}
.showCaseTextTitle h1 strong { font-size: 90% !important;
font-style: italic !important;
}
.showCaseTextSub {
padding-bottom: 2.5%;
padding-left: 15%;
padding-right: 15%;
}
.showCaseTextSub strong {
font-size: 100% !important;
}
.showCaseActionsContainer { }
.showCaseAction {
display: inline-block;
padding-left: 2.5%;
padding-right: 2.5%;
}
.showCaseAction a { }
.showCaseImageContainer { }
hr {
background-color: #1b96cf;
height: 2.5px;
}
}
@media only screen and (max-width: 864px) {
.firstContainter {
}
.welcome {
display: table-cell;
width: 100%;
float: left;
text-align: left;
vertical-align: middle;
}
.video {
width: 100%;
position: relative;
height: 100%;
padding-bottom: 50%;
}
#video_player {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.secondContainer {
text-align: center;  }
.secondContainer img {
filter: brightness(75%);
}
.showCaseTextContainer {
position: absolute;
width: 100%; color: #fff !important;
padding-top: 0px !important;
}
.showCaseTextContainer a {
color: rgba(27,150,207) !important;
font-weight: bold; padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
background-color: rgba(255,255,255, 0.90);
transition-timing-function: ease;
transition: 0.2s;
}
.showCaseTextContainer a:hover {
text-decoration: none;
color: #fff !important;
font-weight: bold;
padding: 5px;
background-color: rgba(0, 0, 0);
}
.showCaseTextTitle {
padding-bottom: 7.5px;
}
.showCaseActionsContainer {
padding-top: 2.5%;
}
.showCaseTextTitle h1 strong {
font-size: 5vw !important;
font-style: italic !important;
}
.showCaseTextSub {
padding-left: 5%;
padding-right: 5%;
padding-bottom: 2.5%;
}
.showCaseTextSub strong {
font-size: 2vw !important;
}
.showCaseActionsContainer {
padding-bottom: 25px;
}
.showCaseAction {
display: inline-block;
padding-left: 2.5%;
padding-right: 2.5%;
}
.showCaseAction a {
color: rgb(27,150,207) !important;
font-weight: bold;
font-size: 2.5vw !important; padding: 5px;
background-color: rgba(255, 255, 255, 0.9);
transition-timing-function: ease;
transition: 0.2s;
}
.showCaseImageContainer {
padding-top: 2.5%;
position: relative;
padding-bottom: 2%;
z-index: -1;
}
hr {
background-color: #1b96cf;
height: 2.5px;
}
.thirdContainer h1 {
text-align: center;
}
.postContainer {
display: inline-block;
position: relative;
width: 100%; padding-top: 100%;
overflow: hidden;
border: solid 0.5px #fff;
}
.postTitle {
position: absolute;
color: #fff;
padding: 2.5%;
padding-left: 7.5%;
padding-right: 7.5%;
background-color: rgba(0, 0, 0, 0.775);
left: 0;
bottom: 0;
right: 0;
}
.postTitle > h5 { }
.postContainer img {
position: absolute;  object-fit: cover;
object-position: 0 0;
height: 100% !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.postContainer > a {
position: absolute;
display:inline-block;
width:100%;
height:100%;
top: 0;
}
.postContainer:hover {
cursor: pointer;
}
.postContainer:hover .postContent { cursor: pointer;
opacity: 1;
}
.postContent { width: 100%;
height: 100%;
position: absolute;
padding: 5%;
color: #fff;
background-color: rgba(27,150,207, 0.875);
top: 0; font-weight: bold;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
opacity: 0;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.postContainer img {
position: absolute;  object-fit: cover;
object-position: 0 0;
height: 100% !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 225% !important;
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
}
}