@import 'css/bootstrap.css';

h1,h2,h3,h4,h5{font-family:lato; font-weight:400;}
body{background:#f2f2f2 !important;}
#main{position: relative;}
#menu-icon{display: none;}
a{}



.main-menu{background: #000000;}
.main-menu .container{margin: 0 auto;padding: 0;position: relative;}

.main-menu a{color: #ffffff;}
.main-menu a:hover{color: #ffcf06;}
.main-menu ul{margin: 0;padding: 0;float: right;}
.main-menu ul li{margin: 0;padding: 0;float: left;list-style: none;}
.main-menu ul li a{display: table-cell;height: 50px;padding: 5px;vertical-align: middle;font-weight: 700;}



.container{width: 948px;padding-top: 20px;padding-right: 0;padding-left: 0;}
.container.pages{background: #ffffff;padding-bottom: 50px;}




.header-title{height: 250px;display: table-cell;vertical-align: middle;text-align: center;width: 960px;margin-top: 30px;position: relative;z-index: 1;}
.header-title p{font-size: 55px;text-align: center;font-family:lato; font-weight:400;line-height: 55px;}
.header-title p img{position: absolute;top: 0;left: 0;width: 970px;height: 270px;}



.img-header{z-index: 0;position: absolute;height: 250px;width: 960px;}
.img-header img{}



.home-content-page{width: 620px;margin: 0 auto;position: relative;clear: both;padding-top: 60px;padding-bottom: 50px;}
.home-content-page h3{margin-top: 0;padding-bottom: 15px;padding-top: 0;text-align: center;}
.home-content-page ol li{font-weight: bold;}
.home-content-page p{font-family:lato; font-weight:300;}



.text-footer-content{text-align: center;font-size: 20px;padding-top: 30px;}
.text-footer-content p{}
.text-footer-content p img{margin-top: -5px;margin-right: 5px;}




.categories-menu{text-align: center;padding-bottom: 50px;}
.categories-menu ul{display: table;margin: 0 auto;padding: 0;}
.categories-menu ul li{display: inline-block;margin: 0 35px;padding: 0;}
.categories-menu ul li a{color: #000000;font-family:lato; font-weight:700; }
.categories-menu ul li a:hover{text-decoration: none;}
.categories-menu ul li a img{display: block;clear: both;margin: 0;padding: 0 !important;}



.about-content-page{padding-top: 50px;}
.about-content-page h3{text-align: center;font-size: 40px;font-family:lato; font-weight:700;font-weight: bold;padding-bottom: 30px;}
.about-content-page p{width: 70%;margin: 0 auto;position: relative;font-family: lato;font-weight: 400;}
.about-content-page ul{display: table;margin: 0 auto;padding: 0;padding-top: 50px;padding-bottom: 70px;}
.about-content-page ul li{display: table-cell;padding-left: 40px;padding-right: 40px;vertical-align: middle;}



.category{}
.category .container{}
.category #main{}
.category #main > img{height: auto;width: 100%;}


.description-cat{margin: 60px auto 0;width: 760px;margin-bottom: 20px;}
.description-cat p{text-align: center;font-size: 40px;font-family:lato; font-weight:700; margin: 0 auto;line-height: 45px;}

.content-cat{overflow: hidden;}

.content_archives{padding-bottom: 20px;padding-top: 20px;clear: both;position: relative;padding-left:120px;padding-right:120px;overflow: hidden;}
.content_archives .archive-cont{display: block;float: left;width: 66%;}
.content_archives.impar{padding-top: 50px;}
.content_archives.par{background: #fffcef;padding-top: 50px;}
.content_archives .socialmedia{background: none repeat scroll 0 0 #ffcf06;border-bottom: 5px solid;border-top: 5px solid;float: right;padding: 20px 20px 70px;position: relative;text-align: center;width: 227px;}

.content_archives .socialmedia h3{margin: 0;padding: 0;line-height: 21px;}
.content_archives .socialmedia h3 span{font-size: 19px !important;font-weight: 700;margin: 0;padding: 0;}
.content_archives .socialmedia h3 span strong{margin: 0;padding: 0;font-weight: 700;font-size: 19px;}
.content_archives .socialmedia .icon-shared {border-top: 1.5px solid;bottom: 0;left: 0;margin-top: 10px;padding-bottom: 3px;padding-right: 10px;padding-top: 4px;position: absolute;width: 100%;}
.content_archives .socialmedia .icon-shared a{color: transparent;float: right;margin: 4px 3px 4px 13px;}
.content_archives .socialmedia .icon-shared a:hover{text-decoration: none;}
.content_archives .socialmedia .icon-shared span{bottom: 11px;left: 18px;position: absolute;}
.content_archives .archive-cont ul {padding-top: 20px;padding-right: 54px;}
.content_archives .archive-cont ul li{line-height: 22px;margin-bottom: 20px;font-family: lato;}
.content_archives.suffocation .post30{width: 51%;}
.content_archives.suffocation .archive-cont.post30 p{width: 750px;}
.content_archives.suffocation .socialmedia.post30{width: 342px;margin-top: 80px;}
.content_archives.suffocation .socialmedia.post30 h3{}
.content_archives.suffocation .socialmedia.post30 h3 span{}

.content_archives.drowning .socialmedia.post28 p:nth-child(2){padding: 0;margin: 0;}



.content_archives .archive-cont.post31{padding-top: 10px;padding-bottom: 30px;}

.content_archives .archive-cont.post31 p{padding-top: 10px;}
.content_archives .archive-cont.post29 h3 strong{font-weight: normal;}
.content_archives .archive-cont.post31 h3 strong{font-weight: normal;}


.content_archives.head-trauma .archive-cont.post32,
.content_archives.drowning .archive-cont.post37,
.content_archives.suffocation .archive-cont.post31{width: 100%;}



.content_archives.drowning .socialmedia.post28{margin-top: 60px;}

.content_archives.drowning .archive-cont.post28 > p{width: 736px;}

.content_archives.head-trauma .archive-cont.post33{width: 50%;}
.content_archives.head-trauma .archive-cont.post33 ul li{line-height: 22px;margin-bottom: 20px;}

.content_archives.head-trauma .socialmedia.post33{width: 265px;}
.content_archives.head-trauma .socialmedia.post33 p{margin-top: 5px;}
.content_archives.head-trauma .socialmedia.post33 p span{display: block;width: 100%;padding-top: 5px;}



.icon-shared a{color: transparent;float: right;margin: 4px 3px 4px 10px;}
.icon-shared.home{margin: 0 auto;overflow: hidden;width: 155px;}

/* ------------------ Social networks --------------- */
.social-networks {text-align: center;}
.social-networks a {
    background: url("./images/sprite-social-networks.png") no-repeat scroll 0 center transparent;
    display: inline-block;
    height: 26px;
    width: 23px;
    color: transparent;
    margin: 0 5px;
}
.home.social-networks a {float: none;}
.social-networks a:hover {color: transparent;}
.social-networks a.icon-pinterest {
    background-position: -111px center;
}
.social-networks a.icon-instagram {
    background-position: -73px center;
}
.social-networks a.icon-twitter {
    background-position: -31px center;
}
.social-networks a.icon-facebook {
    background-position: 7px center;
}
/* ---------------- End Social networks ------------- */

a{cursor: pointer !important;}
a:hover{text-decoration: none;cursor: pointer;}

.home-site{display: block;font-size: 0;height: 40px;left: 0;position: absolute;right: 0;top: 5px;width: 40px;z-index: 5;}
.home-site img{width: 100%;height: 100%;}

.menu-responsive{display: block;height: 40px;position: absolute;right: 0;top: 4px;width: 40px;z-index: 10;display: none;}

.menu-main-menu-container{height: 50px;position: relative;}

/************************* Responsive Design ******************************/

/************************* 480px - 768px ******************************/
@media only screen and (min-width: 650px) and (max-width: 1021px) {


.container{width: 650px;}
.img-header { height: 195px;  width: 657px;}
.img-header img { height: auto;  width: 100%;}

.header-title { height: 170px; width: 650px;}
.header-title p{font-size: 40px;line-height: 40px;}
.home-content-page {  padding: 50px; width: 100%;}
.description-cat {  margin: 0;  padding: 25px;  width: 100%;}
.description-cat p{font-size: 33px;}
.content_archives.head-trauma .archive-cont.post33,
.content_archives.suffocation .archive-cont.post30 p,
.content_archives.suffocation .post30,
.content_archives .archive-cont{width: 100%;}
.content_archives .socialmedia{margin: 0 auto;float: none;clear: both;margin-top: 20px;}
.content_archives.drowning .socialmedia.post28{margin: 0 auto;}
.content_archives.drowning .archive-cont.post28 > p{width: 100%;}
.content_archives.impar{padding-top: 10px;}
.about-content-page ul li { padding-left: 8px; padding-right: 8px;}





}


/************************* 480px - 768px ******************************/
@media only screen and (min-width: 480px) and (max-width: 650px) {

.container{width: 480px;}
.img-header {height: 129px;width: 485px;}
.img-header img { height: auto;  width: 100%;}

.header-title { height: 129px; width: 480px;}
.header-title p{font-size: 25px;line-height: 30px;}
.home-content-page {  padding: 50px; width: 100%;}
.description-cat {  margin: 0;  padding: 25px;  width: 100%;}
.description-cat p{font-size: 22px;line-height: 30px;}
.content_archives.head-trauma .archive-cont.post33,
.content_archives.suffocation .archive-cont.post30 p,
.content_archives.suffocation .post30,
.content_archives .archive-cont{width: 100%;}
.content_archives .socialmedia{margin: 0 auto;float: none;clear: both;margin-top: 20px;}
.content_archives.drowning .socialmedia.post28{margin: 0 auto;}
.content_archives.drowning .archive-cont.post28 > p{width: 100%;}
.content_archives.impar{padding-top: 10px;}
.about-content-page ul li { padding-left: 8px; padding-right: 8px;}
.home-content-page h3{font-size: 20px;}
.grid{display: table;}
.grid figure{margin: 0!important;}
.about-content-page{padding: 0;}
.about-content-page p { width: 80%;}
.about-content-page ul{text-align: center;}
.about-content-page ul li{display: inline-block;margin-bottom: 20px;}
.about-content-page h3{font-size: 35px;}
.content_archives{padding: 30px;}

.menu-responsive{display: block;}
.main-menu ul{background: none repeat scroll 0 0 #000000;padding-left: 10px;padding-right: 10px;position: absolute;right: 0;top: 50px;z-index: 99;display: none;}
.main-menu ul li{margin: 0;padding: 0;position: relative;width: 100%;clear: both;}
.main-menu ul li a{margin: 0;padding: 0;position: relative;width: 100%;clear: both;}



}



/************************* Responsive Design ******************************/
/************************* 320px - 480px ******************************/
@media only screen and (min-width: 320px) and (max-width: 480px) {



.container{width: 320px;}
.img-header {height: 86px;  width: 324px;}
.img-header img { height: auto;  width: 100%;}

.header-title {height: 83px;width: 320px;}
.header-title p{font-size: 18px;line-height: 20px;}
.home-content-page {  padding: 30px; width: 100%;}
.description-cat {  margin: 0;  padding: 25px;  width: 100%;}
.description-cat p{font-size: 22px;line-height: 30px;}

.content_archives.suffocation .socialmedia.post30,
.content_archives.head-trauma .archive-cont.post33,
.content_archives.suffocation .archive-cont.post30 p,
.content_archives.suffocation .post30,
.content_archives .archive-cont{width: 100%;}
.content_archives .socialmedia{margin: 0 auto;float: none;clear: both;margin-top: 20px;}
.content_archives.drowning .socialmedia.post28{margin: 0 auto;}
.content_archives.drowning .archive-cont.post28 > p{width: 100%;}
.content_archives.impar{padding-top: 10px;}
.about-content-page ul li { padding-left: 8px; padding-right: 8px;}
.home-content-page h3{font-size: 18px;}

.grid{display: table;}
.grid figure{margin: 0!important; float: none !important;}
.about-content-page{padding: 0;}
.about-content-page p { width: 80%;}
.about-content-page ul{text-align: center;}
.about-content-page ul li{display: inline-block;margin-bottom: 20px;}
.about-content-page h3{font-size: 35px;}
.content_archives{padding: 30px;}



.menu-responsive{display: block;}
.main-menu ul{background: none repeat scroll 0 0 #000000;padding-left: 10px;padding-right: 10px;position: absolute;right: 0;top: 50px;z-index: 99;display: none;}
.main-menu ul li{margin: 0;padding: 0;position: relative;width: 100%;clear: both;}
.main-menu ul li a{margin: 0;padding: 0;position: relative;width: 100%;clear: both;}




}
/************************* Responsive Design ******************************/
/************************* 0px - 320px ******************************/
@media only screen and (min-width: 0px) and (max-width:320px) {

.container{width:100%;}
.img-header {height: 86px;  width: 100%;}
.img-header img { height: auto;  width: 100%;}

.header-title {display: block;height: 83px;margin-top: 18px;padding: 0;width: 100%;}
.header-title p{font-size: 18px;line-height: 20px;}
.home-content-page {  padding: 30px; width: 100%;}
.description-cat {  margin: 0;  padding: 25px;  width: 100%;}
.description-cat p{font-size: 22px;line-height: 30px;}
.content_archives.head-trauma .socialmedia.post33,
.content_archives.suffocation .socialmedia.post30,
.content_archives.head-trauma .archive-cont.post33,
.content_archives.suffocation .archive-cont.post30 p,
.content_archives.suffocation .post30,
.content_archives .archive-cont{width: 100%;}
.content_archives .socialmedia{margin: 0 auto;float: none;clear: both;margin-top: 20px;}
.content_archives.drowning .socialmedia.post28{margin: 0 auto;}
.content_archives.drowning .archive-cont.post28 > p{width: 100%;}
.content_archives.impar{padding-top: 10px;}
.about-content-page ul li { padding-left: 8px; padding-right: 8px;}
.home-content-page h3{font-size: 18px;}

.grid{display: table;}
.grid figure{margin: 0!important; float: none !important;}
.about-content-page{padding: 0;}
.about-content-page p { width: 80%;}
.about-content-page ul{text-align: center;}
.about-content-page ul li{display: inline-block;margin-bottom: 20px;}
.about-content-page h3{font-size: 35px;}
.content_archives{padding: 30px;}


.menu-responsive{display: block;}
.main-menu ul{background: none repeat scroll 0 0 #000000;padding-left: 10px;padding-right: 10px;position: absolute;right: 0;top: 50px;z-index: 99;display: none;}
.main-menu ul li{margin: 0;padding: 0;position: relative;width: 100%;clear: both;}
.main-menu ul li a{margin: 0;padding: 0;position: relative;width: 100%;clear: both;}



}