/*CSS*/

* {
    box-sizing:border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{
    margin:0px;
    padding:0px;
    }

.mySlides {
    display:none;
    }

.w3-content{
    max-width:980px;float:left;
    }

.w3-section{
    margin-top:0px!important;
    margin-bottom:24px!important;
    }

.container{
    max-width:853px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    padding:16px 20px 20px 20px;
    font-family: 'IBM Plex Serif',serif;
    font-size: 16px;
    color:#555555;
    line-height:26px;
    }

.col33{
    display:inline-block;
    vertical-align:top;
    width:33%;
    height:auto;
    }
    
.col66 {
    display:inline-block;
    vertical-align:top;
        padding: 0% 8%;
        width: 67%;
        height: auto;
        /* border:1px solid lightgreen; */
    }

.col50{
    display:inline-block;
    vertical-align:top;
        width:50%;
        height:auto;
        padding-top:10px;
        padding:6px 20px;
        }
    
 .titleText{
    font-family: 'IBM Plex Serif',serif;
    font-size: 54px;
    color:#666666;
        }   

.largeText{
    font-family: 'IBM Plex Serif',serif;
    font-size: 24px;
    color:#777777;
    line-height:38px;
} 

.button{  
    display:inline-block;
    text-align: center;
    background-color: white;
    padding:6px 14px 6px 14px;
    color:#555555; 
    border-radius: 3px;
    text-decoration: none;
    font-family: 'Caveat', cursive;
    font-size: 32px; 
    width:20%;   
    }
        
.button:hover{
    color: steelblue;
    }
        
.activeBtn{
    display:inline-block;
    text-align: center;
    background-color: white;
    padding:6px 14px 6px 14px;
    color:steelblue; 
    border-radius: 3px;
    text-decoration: none;
    font-family: 'Caveat', cursive;
    font-size: 32px; 
    width:20%;             
    }  
    
img {
     border-radius: 2px; 
    }
   
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }

    /* Mobile styles */
    @media screen and (max-width: 600px) {
        .titleText{
            font-size:34px;
        }
        .col50{
            width:100%;
        }
        .largeText{
            font-size: 20px;
        }
    }