/* //////////////////////////////////////////////////////////////// 
//////Big tablets from 1023px (widths larger than the 1023px row) */
@media only screen and (min-width: 1023px) {

        body {
            margin: 0;
        } 

    
        html,
        body  {
            background-color: #fff;
            color: #904b9b;
            font-family: 'Lato', 'Arial', sans-serif;
            font-weight: 300;
            font-size: 20px;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
        }
    
    
        .hero-text-box {
            position: absolute;
            padding: 0 8%;
            width: 80%;
            top: 55%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    
        h1, h2 {
            font-family: Zilla Slab, Arial;
            font-weight: 300;
            text-transform: uppercase;
        } 

    
        h1 {
            margin-top: 30px;
            margin-bottom: 20px;
            padding: 0px 120px;
            color: #fff;
            font-size: 140%;
            font-weight: 300;
            word-spacing: 4px;
            letter-spacing: 1px;
        }

    
        .main-nav li {
            float: center;
            list-style: none;
            position: absolute;
            margin-left: 20px;
            margin-top: 105px;
            text-align: center;
            font-size: 100%;
        }

    
        .main-nav li a:link,
        .main-nav li a:visited {
            padding: 5px 15px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.2s;
        }

    
        .main-nav li a:hover,
        .main-nav li a:active {
            border-bottom: 2.5px #ff5dda;
            border-bottom: thick dotted #fffafe;
        }

    
        li {
            float: center;
            margin-left: 20px;
            margin-bottom: 50px;
            margin-top: 55px;
            text-align: center;
            font-size: 90%;
        }

    
        .logo {
            height: 20%;
            width: auto;
            margin-top: -10px;
            position: absolute;
            top: 25%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index:1;
        }

    
        .footer li {
            float: center;
            width: auto;
            display: inline-block center;
            margin-left: 5%;
            margin-top: 20%;

        }

    
        .footer li {
            margin-left: 25px;
            padding: 4px;
            width: auto;
            list-style-type: none;
            float: center;
            margin-top: 10%;
        }

    
        .footer li ul { 
            display: inline; 
        }

    
        .partners  {
            height: 80px;
            width: auto;
            margin-right: 5%;
            margin-left: 5%;
            display: table-row;
        }

    
        .partners  {
            display: table;
        }
    
}

/* //////////////////////////////////////////////////////////////// 
//////Small tablets to big tablets: from 767px to 1023px */
@media only screen and (max-width: 1023px) {

       h1 {
            margin-top: 0;
            margin-bottom: 20px;
            padding: 5px 25px;
            color: #fff;
            font-size: 140%;
            font-weight: 300;
            word-spacing: 4px;
            letter-spacing: 1px;
        }

    
.           .main-nav {
            float: center;
            display: inline-block;
            list-style: none;
            text-align: center;
        }


        .main-nav li {
            float: center;
            list-style: none;
            position: absolute;
            margin-left: 20px;
            margin-top: 85px;
            text-align: center;
            font-size: 100%;
        }

    
        .main-nav li a:link,
        .main-nav li a:visited {
            padding: 5px 15px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.2s;
        }

    
        .main-nav li a:hover,
        .main-nav li a:active {
            border-bottom: 2.5px #ff5dda;
            border-bottom: thick dotted #fffafe;
        }

    
        li {
            float: center;
            margin-left: 20px;
            margin-bottom: 50px;
            margin-top: 55px;
            text-align: center;
            font-size: 90%;
        }
    
    
        .hero-text-box{
            position: absolute;
            width: 80%;
            font-size: 75%;
            margin-left: auto;
            margin-right: auto;    
            top: 60%;
        }


        .logo {
            height: 20%;
            width: auto;
            margin-top: 20px;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
        }


        .footer li {
            float: center;
            height: auto;
            display: inline-block;
            margin-left: 5px;
            margin-top: 5%;
        }


        .footer li {
            margin: 5;
            padding: 5;
            width: auto;
            list-style-type: none;
            float: left;
        }


        .footer li ul { 
            display: inline; 
        }


        .partners  {
            height: 50px;
            margin-right: 0px;
            margin-left: 0px;
            display: center;
        }

    
}
    

/* //////////////////////////////////////////////////////////////// 
//////Small phones to small tablets: from 481px to 767px */

@media only screen and (max-width: 767px) {

        html,
        body  {
            background-color: #fff;
            color: #904b9b;
            font-family: 'Lato', 'Arial', sans-serif;
            font-weight: 300;
            font-size: 16px;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
        }

        
       h1 {
            margin-top: 0;
            margin-bottom: 20px;
            padding: 5px 5px;
            font-size: 140%;
        }

    
.       .main-nav {
            float: center;
            display: inline-block;
            list-style: none;
            text-align: center;
        }


        .main-nav li {
            float: center;
            list-style: none;
            position: absolute;
            margin-left: 20px;
            margin-top: 65px;
            text-align: center;
            font-size: 100%;
        }

        
        .main-nav li a:link,
        .main-nav li a:visited {
            padding: 5px 15px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            border-bottom: 1px solid transparent;
            transition: border-bottom 0.2s;
        }

        
        .main-nav li a:hover,
        .main-nav li a:active {
            border-bottom: .5px #ff5dda;
            border-bottom: thick dotted #fffafe;
        }

        
        li {
            float: center;
            margin-left: 20px;
            margin-bottom: 50px;
            margin-top: 55px;
            text-align: center;
            font-size: 10%;
        }
    
        
        .hero-text-box{
            position: absolute;
            width: 80%;
            font-size: 75%;
            margin-left: auto;
            margin-right: auto;    
            top: 65%;
        }

        
        .logo {
            height: 17%;
            width: auto;
            margin-top: 30px;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
        }


        .footer li {
            float:center;
            height: auto;
            display: inline-block;
            margin-left: 15px;
            margin-top: 5%;
        }


        .footer li {
            margin: 5;
            padding: 5;
            width: auto;
            list-style-type: none;
            float: left;
        }


        .footer li ul { 
            display: inline; 
        }


        .partners  {
            height: 50px;
            margin-right: 0px;
            margin-left: 0px;
            display: center;
        }
        
    
          .partners li:nth-child(4) {
            padding-left: 50px;
            padding-right: 20px;
        }
    

        .partners li:nth-child(5) {
            padding-left: 50px;
            padding-right: 20px;
        }

}

    
    

/* //////////////////////////////////////////////////////////////// 
///////*smaller devices · width: 481px */

    @media only screen and (max-width: 481px) {

        html,
        body  {
            background-color: #fff;
            color: #904b9b;
            font-family: 'Lato', 'Arial', sans-serif;
            font-weight: 300;
            font-size: 14px;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
        }

        
       h1 {
            margin-top: 0;
            margin-bottom: 20px;
            padding: 5px 5px;
            font-size: 110%;
        }

    
.       .main-nav {
            float: center;
            display: inline;
            list-style: none;
            text-align: center;
        } 


        .main-nav {
            float: center;
            list-style: none;
            text-align: left;
            margin-left: -40px;
            margin-top: 5px;
            text-align: center;
            font-size: 100%;
        } 

        .main-nav a:link,
        .main-nav a:visited {
            padding: 5px 15px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            border-bottom: .2px solid transparent;
            transition: border-bottom 0.2s;
        } 

        
        .main-nav a:hover,
        .main-nav  a:active {
            border-bottom: 1px #ff5dda;
            border-bottom: thin dotted #fffafe;
        }

        
        li {
            text-align: inline-block;
            margin-left: 10px;
            margin-bottom: 50px;
            margin-top: 95px;
            text-align: left;
            font-size: 60%;
        }
        
        
        a {
            text-align: left;
            margin-top: 200px;
            font-size: 80%;
        }
        
        
        #mc-embedded-subscribe-form {
            margin-right: 10px;
            margin-bottom: 300px;
            text-align: left;
            font-size: 80%;
        }
        
        
        .button {
            margin-right: 10px;
            text-align: left;
            font-size: 50%;
        }
        
        
        .hero-text-box{
            position: absolute;
            width: 80%;
            font-size: 75%;
            margin-left: auto;
            margin-right: auto;    
            top: 65%;
        }

        
        .logo {
            height: 17%;
            width: auto;
            margin-top: 50px;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        
        .footer li {
            float: center;
            height: auto;
            display: inline-block;
            margin-left: 0px;
            margin-top: 5px;
        }

        
        .footer li {
            margin: 0;
            padding: 5;
            width: auto;
            list-style-type: none;
            float: left;
        }

        
        .footer li ul { 
            display: inline; 
        }

        
        .partners  {
            height: 35px;
            margin-right: 0px;
            margin-left: 0px;
            display: center;
        }
        
        .partners li:nth-child(4) {
        padding-left: 20px;
        padding-right: 20px;
        }



       .partners li:nth-child(5) {
        padding-left: 20px;
        padding-right: 20px;
        }

}

    
        
/*Other devices on side rotation 

    
   
    


    

/* //////////////////////////////////////////////////////////////// 
///////*smaller devices · width: 420px */

    @media only screen and (max-width: 420px) {

        html,
        body  {
            background-color: #fff;
            color: #904b9b;
            font-family: 'Lato', 'Arial', sans-serif;
            font-weight: 300;
            font-size: 14px;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
        }

        
       h1 {
            margin-top: 0;
            margin-bottom: 20px;
            padding: 5px 5px;
            font-size: 110%;
        }

    
.       .main-nav {
            float: center;
            display: inline;
            list-style: none;
            text-align: center;
        } 


        .main-nav {
            float: center;
            list-style: none;
            text-align: left;
            margin-left: -40px;
            margin-top: 5px;
            text-align: center;
            font-size: 100%;
        } 

        .main-nav a:link,
        .main-nav a:visited {
            padding: 5px 15px;
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            border-bottom: .2px solid transparent;
            transition: border-bottom 0.2s;
        } 

        
        .main-nav a:hover,
        .main-nav  a:active {
            border-bottom: 1px #ff5dda;
            border-bottom: thin dotted #fffafe;
        }

        
        li {
            text-align: inline-block;
            margin-left: -20px;
            margin-bottom: 50px;
            margin-top: 95px;
            text-align: left;
            font-size: 60%;
        }
        
        
        a {
            text-align: left;
            margin-top: 200px;
            font-size: 80%;
        }
        
        
        #mc-embedded-subscribe-form {
            margin-right: 10px;
            margin-bottom: 300px;
            text-align: left;
            font-size: 80%;
        }
        
        
        .button {
            margin-right: 10px;
            text-align: left;
            font-size: 50%;
        }
        
        
        .hero-text-box{
            position: absolute;
            width: 80%;
            font-size: 70%;
            margin-left: auto;
            margin-right: auto;    
            top: 65%;
        }

        
        .logo {
            height: 15%;
            width: auto;
            margin-top: 50px;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        
        .footer li {
            float: center;
            height: auto;
            display: inline-block;
            margin-left: 0px;
            margin-top: 5px;
        }

        
        .footer li {
            margin: 0;
            padding: 5;
            width: auto;
            list-style-type: none;
            float: left;
        }

        
        .footer li ul { 
            display: inline; 
        }

        
        .partners  {
            height: 25px;
            margin-right: 0px;
            margin-left: 0px;
            display: center;
        }
        
        .partners li:nth-child(4) {
        padding-left: 20px;
        padding-right: 20px;
        }



       .partners li:nth-child(5) {
        padding-left: 20px;
        padding-right: 20px;
        }

}

    
        
/*Other devices on side rotation 

    

    
    
    
   /* 360X640px */
    
    
    
/*iPhone 6 portrait · width: 375px */
    

    
    
    
/*iPhone 6 portrait · width: 375px */

    
    
    
    
/*iPhone 6 Plump portrait · width: 414px */
    

    
    
    
/*iPhone 6 Plump landscape · width: 736px */

    
    
    
    
/*Android (Nexus 4) portrait · width: 384px */
    
    
    

    
/*Android (Nexus 4) landscape · width: 600px*/
    
    
    

    
/*iPhone 6 Plump landscape · width: 736px */