#box-c1 {float:left;min-height:10px;width:100%;margin:0px 0px 30px 0px}
#box-c1-1{float:left;min-height:10px;}
#box-c1-2 {float:left;min-height:10px;}
#box-c1-3 {float:left;min-height:10px;width:100%;margin:30px 0px 30px 0px}

#box-c2 {float:left;min-height:10px;width:100%;margin:20px 0px 30px 0px}
#box-c2-1{float:left;min-height:10px;}
#box-c2-2 {float:left;min-height:10px;}

#box-c3 {float:left;min-height:10px;width:100%;}
#box-c3-1{float:left;min-height:10px;width:100%;}
#box-c3-2 {float:left;min-height:10px;width:100%;;margin:30px 0px 30px 0px}
#box-c3-2  a { color: #ffffff; background: #015850;min-height:10px; padding:12px 15px 12px 15px; text-decoration: none; font-family: 'Lato', sans-serif;transition: 1s ease;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#box-c3-2  a:link {  }
#box-c3-2 a:visited { }
#box-c3-2  a:hover{color: #ffffff;background: #012724;min-height:10px;padding:12px 15px 12px 15px; text-decoration:none; font-family: 'Lato', sans-serif;transition: 1s ease;transition: 0.5s ease-out;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}	


#box-c4 {float:left;min-height:10px;width:100%;margin:20px 0px 50px 0px}
#box-c4-1{float:left;min-height:10px;}
#box-c4-2 {float:left;min-height:10px;background: #ffffff url(wolflife-2.jpg) no-repeat top center;min-height:450px;}


@media (min-width:1200px) and (max-width:2565px)
{
#box-c1-1 {width:65%;}
#box-c1-2 {width:30%;margin-left:5%;margin-top:63px}
#box-c2-1 {width:48%;}
#box-c2-2 {width:47%;margin-left:5%;}
#box-c4-1 {width:48%;}
#box-c4-2 {width:47%;margin-left:5%;}
#box-c1-3 {height:675px;}
}

@media (min-width:300px) and (max-width:1199px)
{
#box-c1-1 {width:100%;}
#box-c1-2 {width:100%;margin-top:10px}
#box-c2-1 {width:100%;}
#box-c2-2 {width:100%;margin-top:30px}
#box-c4-1 {width:100%;}
#box-c4-2 {width:100%;margin-top:30px}
#box-c1-3 {height:200px;}
}