body{
    
    margin: auto;
    background-color:#f2f2f2;
    display: block;
    font-family: 'Roboto', sans-serif!important;
    
}
.container{
    
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
.container-c{
    max-width: 80%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
@font-face {
  font-family: roboto;
  src: url(../css/font/roboto/Roboto-Regular.ttf);
}
.socialfront{
    width: 100%;
    height: 10px;
    
    background-color: #fff;
}

.logo{
    width: 100%;
    background-color: white;
}
clear{
    clear: both;
}
.red1{
   background-color: #de4e0f!important; 
}
.nav{
    width: 100%;
    background-color: #de4e0f;
    text-align: right;
    overflow: hidden;
    
        
}
.nav a{
    background-color: #de4e0f;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    text-decoration: none;
    font-family: sans-serif;
    display:inline-block;
    
    
    
}

.nav a:hover{
    background-color: #e28307;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    font-family: sans-serif;
    
}

.maina h1{
    color:maroon;
    font-family: 'Oswald', sans-serif!important;
}
.maina p{
    font-size: 18px;
}

.test{
   display: block;
    padding: 5px 5px;
    
}
.test:hover{
    background-color: beige;
}
.test h2{
    font-family: 'Oswald', sans-serif!important;
}
#testf h2{
    
    font-family: 'Oswald', sans-serif!important;
    
}
.link{
     display: block;
text-decoration: none;
    color: white;
}
#testf a{
    
   display: block;
text-decoration: none;
    color: white;
    
}
#mar{
    width: 160px !important;
}