@charset "UTF-8";
/* CSS Document */

#leftmost_pic{
    float:left;
    position:relative;
    height:60vh;
    
}
#rightmost_pic{
    float:right;
    position:relative;
    height:60vh;
   
}

.showcaseTitle{
    padding-top:15vh;
    font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    font-size:5vh;
    text-align:center;
    margin-left:-1vw;
    margin-right:-1vw;
    color:#014379;
}

.showcaseSubPara{
    
    padding-top:2vh;
    font-family: "Nunito", system-ui;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
    font-size:2.5vh;
    line-height:4vh;
    text-align:center;
    padding-left:1vw;
    padding-right:1vw;
}
.intro_a{
    text-decoration:none;
    color:#0968B3;
    font-style:italic;
     white-space:nowrap;
}
.brand_icon{
    borber-style:none;
    height:2.5vh;
    
   
}

/* ************************************* portrait orientation ********* */
@media screen and (orientation: portrait){
   #leftmost_pic{
    
    height:30vh;
    
}
#rightmost_pic{
   
  
   height:30vh;
}
.showcaseTitle{
    padding-top:6vh;
    line-height:8vw;
    font-size:5vw;
}
.showcaseSubPara{
    clear:both;
    font-size:5vw;
    }
}