@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');

:root {
  --mainDark: #000000;
  --mainWhite: #FFFFFF;
  --mainGreen: #369824;
  --mainOrange: #D43E0D;
  --mainYellow: #CDC42B;
  --mainBlue: #2B6396;
}


#blog_header {
    background:linear-gradient(rgba(22, 25, 31, 0.5),rgba(22, 25, 31, 0.5)),
  url('../img/pic2.jpg');
  background-position:0px -220px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: repeat;
  min-height: 200px;
  padding-top: 50px;
  border-bottom: 0.1rem solid var(--mainBlue);
}

.blog_explore_container {
    background-color: rgba(16, 25, 34, 0.555);
    box-shadow: 7px 4px 2px rgba(102, 95, 95, 0.63);
}



.blog_img_layout {
    margin-top: 70px;
    margin-left: 20px;
}

.blog_img_layout_two {
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}

.services_part2 {
    padding-bottom: 60px;
    padding-right: 45px;
}

.text-orange  {
    color: var(--mainOrange);
}


.blog_side_1 {
    background-color: rgba(16, 25, 34, 0.555);
}

.card_social_media {
    width: 257px;
    height: 200px;
}

.embed-container {
    position: relative;
    padding-bottom: 155%;
    height: 0;
    overflow: hidden;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
} 
  
  .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.marin_bottom {
    margin-top: 200px;
}


.display-5,.display-6 {
    color: var(--mainOrange);
}
@media screen and (max-width:768px) {
    .facebook_sdk {
        display: none;
    }

    .display-5 {
        font-size: 19px;
        font-weight: 800;
    }
    .display-6 {
        font-size: 17px;
        font-weight: 400;
    }
}

@media screen and (max-width:425px) {
    .facebook_sdk {
        display: block;
    }

    element.style {
        vertical-align: bottom;
        width: 300px;
        height: 180px;
    }
    
}


@media screen and (max-width:320px) {
    element.style {
        vertical-align: bottom;
        width: 280px;
        height: 180px;
    }
}