/**
marform.css styles the marform overview site
*/
@font-face {
    font-family: notoSans;
    src: url('../font/NotoSans-Regular.ttf');
}

@font-face {
    font-family: notoSans-IE;
    src: url('../font/NotoSans-Regular.eot');
}

html{
    height: 100%;
    font-family: notoSans;
}

body{
        height: 100%;
        font-family: notoSans, notoSans-IE;
        border-top:5px solid #8c001f;
}
figcaption strong {
    padding-bottom: 0px;
}
#pageContent {
    padding-bottom: 60px;
}
marFromSubHeader{
    display: inline;
}

#smalerFontsize{
    font-size: 25px;
}
#fontsizes32px{
    font-size: 32px;
}
#fontsizes29px {
    font-size: 29px;
    margin-bottom: 5px;

}

#FontSizesWithbottom{
     font-size: 36px;
    margin-bottom: 13px;
}

.formHEADER{
    float:left;
}
#boxcontent article {
    margin: 0px 0px;
    width: 425px;
    margin-left: 5px;

}
.NoBlock{
    width: 50%;
    float: left;
    margin-bottom: 40px;
}
#boxcontent article p {
    line-height: 25px;
    margin: 13px 0px;
}
#boxcontent article img {
    margin: 10px;
    width: 130px;
    height: 130px;

}

.formTest{
    margin: 15px 25px;
    height: 110px;
    width: 110px;
    float:left;
}
.tableIcon{
    width: 40px;
    height: 40px;
    margin: 1px;
}
.headLine{
    margin-top: 26px;
   margin-bottom: 25px;
    font-size: 42px;
}
.subHeadLine{
    margin-bottom: 26px;
    font-size: 23px;
}

.center{
    margin-left: 15%;
}
#withoutHeadline{
   /* margin-top: 25px;*/
}
br{
    border-top: 1px #8C001F solid;
    width: 100%;
}
figure{
    margin-top: 5px;
    padding-top:5px;
}

.formIcon{
    width: 64px;
    height: 64px;
}

#four_columns, #text_columns {
    line-height: 25px;
    clear: both;
    width: auto;
    max-width: 900px;
    margin: 20px auto 0px;
    min-height: 777px;
}
header h1 {
    font-size: 55px;
    color: #db0033;
    margin-top: 20px;
    float: right;
    left: 35%;
    position: absolute;
}
header p {
    position: absolute;
    left: 35%;
    top: 60px;
    margin-left: 5px;
}


#marFormAll {
    background-color: #FFF;
    text-align: center;
    border: 2px solid #000;
    width: 200px;
    float: left;
   margin: 10px -2px 30px 0px;
    /*
    height: 32px;
    padding-bottom: 5px
    */
}


@media (max-width: 900px){
    #boxcontent article {
        margin: 100px auto 0px;
    }
    .NoBlock {
        width: 100%;
    }
    .marFromSubHeader{
        margin-left: 10px;
    }

     #marFormAll {
        width: 26.5%;
    }
     #pageContentMarForm{
        padding-bottom: 0px;
    }
}

@media (max-width: 800px){
    .center {
        margin-left: 5%;
    }
    #marFormAll {
     width: 32%;
    }
}

@media (max-width: 600px)
{
    .center {
        margin-left: 0%;
    }
    .formHEADER{
        font-size: 10px;
    }
    .iconCenter{
        margin-left: 15px;
    }
   header nav {
        left: 65%;
        margin-left: 0;
    }

    header h1 {
        font-size: 50px;
        margin-top: -10px;
        float: right;
        left: 50%;
    }

    header
    {
        text-align: inherit;
    }

    header p {
        font-size: 15px;
        left: 50%;
        top: 35px;
    }

   #marFormAll {

        height: 40px;
   }
}

@media (max-width: 500px)
{
    .iconCenter {
    margin-left: 11px;
    }
    header h1 {
        font-size: 40px;
    }
    header p {
        font-size: 14px;
        left: 49%;
        top: 18px;
    }

    .textUnderIcon{
        font-size: 13px;
    }
}

@media (max-width: 450px)
{
    .textUnderIcon{
        font-size: 9px;
    }
    #pageContent {
          padding-bottom: 180px;
    }
    #pageContent1 {
          padding-bottom: 80px;
    }

   figcaption {
       line-height: 17px;
   }
}
@media (max-width: 400px)
{

    header h1 {
        font-size: 30px;
        margin-top: 0px;
        left: 60%;
    }
    header p {
        font-size: 10px;
        left: 59%;
        top: 17px;
    }
    #marFormAll {
        width: 19%;
        padding: 8px 15px 8px 15px;
        margin: 5px;
    }
}
@media (max-width: 330px)
{
    #marFormAll {
        padding: 7px 13px 7px 13px;
    }
    #pageContent1 {
          padding-bottom: 80px;
    }
    #pageContentMarForm{
        padding-bottom: 60px;
    }
}