@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.ttf");
}

h1,h2,h3,h4,h5,h6,a,p,span {font-family:'Montserrat' !important; }

h1,h2,h3,h4,h5,h6{font-weight: 700;}

 body
       {
           background-color:#aec0d1;
       }
      
        @media screen and (min-width: 760px){
             #blog1, #blog2, #blog3, #blog4
           {
               width: 96%;
               background: #ffffff;
               margin-top: 2rem;
               border-radius: 0.5rem;
               padding:2rem;
           }
       
           .blog-img{
                text-align: center;
                margin:auto;
         }
         .blog-desc p
            {
             text-align: justify;
             border-left: 2px solid #286090;
             padding-left: 20px;
             font-size:16px;

            }
            
       }
        
        @media screen and (max-width: 430px){
            #blog1, #blog2, #blog3, #blog4
           {
               width: 96%;
               background: #ffffff;
               margin-top: 2rem;
               border-radius: 0.5rem;
               padding:2rem;
           }
       
           .blog-img{
                text-align: center;
                margin:auto;
         }
         .blog-desc p
            {
             text-align: justify;
             border-left: 2px solid #286090;
             padding-left: 20px;
             font-size:12px;

            }
       }
       /**************for 4k 2560px*******************/
        @media screen and (min-width: 1445px)
        {
            #blog1, #blog2, #blog3, #blog4
           {
               width: 96%;
               background: #ffffff;
               margin-top: 2rem;
               border-radius: 0.5rem;
               padding:2rem;
           }
            .blog-desc p
            {
             text-align: justify;
             border-left: 2px solid #286090;
             padding-left: 20px;
             font-size:22px;
             line-height:40px;
            }
       
        }
    
       h5{
               color: #286090;
               font-weight:700;
                margin-top: 1rem;
                padding: 6px;
                text-align: justify;
       }
     .blog-title{
         padding:10px;
         margin:auto;
     }
        
        .blog-social{
            line-height: 60px;
            text-align: center;
        }
         .blog-social i{
             font-size:25px;
              color:#5b594a;
              margin:1rem;
         }
         .blog-social i:hover{
             font-size:26px;
              color:#286090;
         }
         
          /*@media only screen and (min-width:1024px){
              .blog-divider{
              border-right:3px solid #286090;
              height:350px;
              margin-left: -80px;
           }
         }
          @media only screen and (min-width:1440px){
              .blog-divider{
              border-right:3px solid #286090;
              height:295px;
             margin-left: -95px;
           }
         }
         @media screen and (max-width:770px){
              .blog-divider{
              border-right:3px solid #286090;
              height: 496px;
              margin-left: -58px;
           }
         }*/
       .blog-desc{
           margin-top:2rem;
           padding-left:1rem;
           line-height:30px;
       }
       .blog-desc a{
           color:#5b594a;
       }