/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Custom Social Follow Block CSS */

section.social-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
   }
   section.social-block article.social-block-contents {
       text-align: center; 
   }
   section.social-block article.social-block-contents h1 {
       font-family: "Microbrew Three";
       font-size: 4rem;
       padding: 0;
       margin-bottom: 0;
   }
   section.social-block article.social-block-contents ul.social-block-icons {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-flow: row nowrap;
               flex-flow: row nowrap;
       margin: 0px auto 20px;
   }
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon {
    margin: 0 20px;
   }
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a {
       font-size: 50px;
       color: #270070;
       padding: 0; /* removes shared padding */
       -webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
   }
   
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:hover,
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:active, 
   section.social-block article.social-block-contents ul.social-block-icons li.social-block-icon > a:focus {
       color: #FFD100;
   }
   
   section.social-block article.social-block-instagram div.sbi_col_4 {
       display: none;
   }
   
   section.social-block article.social-block-instagram div.sbi_col_2 {
       display: block;
   }
   
   @media screen and (min-width: 768px) {
       section.social-block article.social-block-instagram div.sbi_col_4 {
           display: block;
       }
       
       section.social-block article.social-block-instagram div.sbi_col_2 {
           display: none;
       }
   }
   
   section.social-block article.social-block-instagram {
       width: 100%;
   }
   
   section.social-block figure {
   
   }
   section.social-block figure {
   }
   
   @-webkit-keyframes hoverSocial {
       0% {
           background: transparent;
           width: 0px;
           height: 0px;
       }
       100% {
           background: #270070;
           width: 65px;
           height: 65px;
   
       }
   }
   
   @keyframes hoverSocial {
       0% {
           background: transparent;
           width: 0px;
           height: 0px;
       }
       100% {
           background: #270070;
           width: 65px;
           height: 65px;
   
       }
   }