/*-----------------------------------------------------------------------
MEDIA 1700PX
------------------------------------------------------------------------*/

@media screen and (max-width:1700px) {
    .bubble {
        width:450px;
        height:450px;
    }
}

/*-----------------------------------------------------------------------
MEDIA 1500PX
------------------------------------------------------------------------*/

@media screen and (max-width:1500px) {
    .bubble {
        width:400px;
        height:400px;
        font-size:27px;
    }

    .bubble div#text-box {
        max-width:250px;    
    }
    
    .bubble div#text-box fort {
        font-size:30px;
    }    

    section#cta div#sector-1 div#image-container,
    section#presentation div#sector-2 div#image-container {
        width:40%;
    }

    section#cta div#sector-1 img,
    section#presentation div#sector-2 img {
        width:100%; 
        min-width:250px;
    }

    section#cta div#sector-2 div#title h1,
    section#resume div#title h1 {
        font-size:30px;
    }

    section#cta div#sector-2 div#text-box h2 {
        font-size:18px;
    }

    section#resume div#resume-description {
        font-size:18px;
    }
}

/*-----------------------------------------------------------------------
MEDIA 1300PX
------------------------------------------------------------------------*/

@media screen and (max-width:1300px) {
    section#resume div#description-container {
        margin:25px;
    }    

    section#cta div#sector-1 img,
    section#presentation div#sector-2 img {
        width:100%; 
        min-width:225px;
    }
}

/*-----------------------------------------------------------------------
MEDIA 1050PX
------------------------------------------------------------------------*/

@media screen and (max-width:1050px) {
    .bubble {
        width:500px;
        height:500px;
        font-size:34px;
    }    

    .bubble div#text-box {
        max-width:400px;
    }

    .bubble div#text-box fort {
        font-size:38px;
    } 

    section#cta,
    section#presentation {
        flex-wrap: wrap;
    }

    section#presentation div#sector-1 {
        order:2;
    }

    section#presentation div#sector-2 {
        order:1;
    }

    section#cta div#sector-1,
    section#presentation div#sector-2 {
        width:100%;
    }

    section#cta div#sector-2 {
        width:100%;
        background:#2e1b55;
    }

    div[section-divider][cta] {
        background:linear-gradient(
                                    135deg, 
                                    #2e1b55 50%,
                                    #8C2DADcc 50%, 
                                    #8C2DADcc 100%
                                    );
    }    

    section#presentation div#sector-1 {
        width:100%;
        min-height:460px;
        background:#461757;
    }

    div[section-divider][presentation] {
        background:linear-gradient(
                                    45deg, 
                                    #8a51fecc 50%,
                                    #461757 50%, 
                                    #461757 100%
                                    );
    }

    section#presentation iframe {
        position:relative;
    }

    section#presentation div#sector-1 {
        width:100%;
        margin-top:50px;
    }

    section#cta div#sector-1 div#image-container {  
        width:auto;
        min-width:200px;      
        max-width:400px;        
    }

    section#presentation div#sector-2 div#image-container {
        width:40%;
        max-width:400px;
        min-width: 150px;
    }

    section#cta div#sector-1 img {
        max-width:250px;
        left:0;
        bottom:0;
    }

    section#presentation div#sector-2 img {
        max-width:250px;
        right:0;
        bottom:-50px;
    }

    section#cta div#sector-2 div#title h1{
        font-size:40px;
    }    

    section#cta div#sector-2 div#text-box h2 {
        font-size:20px;
    }
}

/*-----------------------------------------------------------------------
MEDIA 950PX
------------------------------------------------------------------------*/

@media screen and (max-width:950px) {
    .bubble {
        width:425px;
        height:425px;
        font-size:28px;
    }

    div#frw3i_landing-menu-bar {
        flex-wrap: wrap; 
        height:145px; 
    } 

    div#frw3i_landing-menu-items[decoration] {        
        display:none;
    }
    
    div#frw3i_landing-menu-items {
        width:100%;
        height:50px;

        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }
}

/*-----------------------------------------------------------------------
MEDIA 670PX
------------------------------------------------------------------------*/

@media screen and (max-width:670px) {
    .bubble {
        width:400px;
        height:400px;
        font-size:28px;
    }

    .bubble div#text-box {
        max-width:250px;    
    }

    section#cta div#sector-1 div#image-container {
        min-width:100px;         
    }

    section#cta div#sector-1 img {
        width:100%; 
        min-width:200px;
    }

    section#cta div#sector-2 div#title h1,
    section#resume div#title h1 {
        font-size:35px;
    }
}

/*-----------------------------------------------------------------------
MEDIA 570PX
------------------------------------------------------------------------*/

@media screen and (max-width:570px) {
    .bubble {
        width:350px;
        height:350px;
        font-size:25px;
    }

    .bubble div#text-box {
        max-width:225px;    
    }

    .bubble div#text-box fort {
        font-size:30px;
    } 

    div#frw3i_landing-menu-bar {
        height:134px; 
    } 

    div#frw3i_landing-menu-title {
        font-size:36px;     
    }

    div#frw3i_landing-menu-title div[decoration] {           
        clip-path: polygon(0 0%, 0% 40%, 65% 40%, 65% 35%);
    }

    div#frw3i_landing-menu-logo {
        width:64px;
        height:64px;
    }
    
    div#frw3i_landing-menu-logo img {        
        min-width:64px;        
    }

    section#cta div#sector-2 div#title {
        font-size:35px; 
        margin:0px 25px;
    }

    section#cta div#sector-2 div#title div[decoration] {
        width:100%;
    }
           
    section#cta div#sector-2 div#text-box {
        font-size:18px;         
        margin:25px; 
    }

    section#resume div#lattes-link-container {
        text-align:center; 
    }    

    section#resume div#description-container div img {
        float:none;
        max-width:225px;
        margin-right:0px; 
    }

    section#cta div#sector-2 div#title h1,
    section#resume div#title h1 {
        font-size:32px;
    }

    section#cta div#sector-2 div#text-box h2 {
        font-size:18px;
    }

    section#resume div#resume-description {
        font-size:18px;
    }
}

/*-----------------------------------------------------------------------
MEDIA 500PX
------------------------------------------------------------------------*/

@media screen and (max-width:500px) {
    div#frw3i_landing-menu-title div[decoration] {           
        clip-path: polygon(0 0%, 0% 40%, 70% 40%, 70% 35%);
    }    

    .bubble {        
        width:350px;
        height:350px;
        font-size:25px;
    }

    .bubble div#text-box {
        max-width:250px;    
    }
    
    .bubble div#text-box fort {
        font-size:27px;
    }
    
    section#cta div#sector-1,
    section#cta div#sector-2,
    section#presentation div#sector-1,
    section#presentation div#sector-2 {
        min-width:0;
    }

    section#cta div#sector-1 div#image-container,
    section#presentation div#sector-2 div#image-container {
        min-width:auto;
    }

    section#cta div#sector-1 img,
    section#presentation div#sector-2 img {
        min-width:150px; 
    }    

    section#presentation iframe {         
        min-height:280px;        
    }
}

@media screen and (max-width:465px) {
    button {
        font-size:20px;
    }

    div#frw3i_landing-menu-title div[decoration] {           
        clip-path: polygon(0 0%, 0% 40%, 80% 40%, 80% 35%);
    }

    .bubble {        
        width:300px;
        height:300px;
        font-size:23px;
        padding:25px;
    }

    .bubble div#text-box {
        max-width:250px;    
    }
    
    .bubble div#text-box fort {
        font-size:25px;
    }

    section#cta div#sector-2 div#title h1,
    section#resume div#title h1 {
        font-size:30px;
    }

    section#cta div#sector-2 div#text-box h2 {
        font-size:18px;
    }

    section#resume div#resume-description {
        font-size:18px;
    }

    section#cta div#sector-1 div#image-container {
        max-width:100px;
        min-width:50px;
    }

    section#cta div#sector-1 img {
        min-width:150px; 
        left:0px;        
    }
}

@media screen and (max-width:400px) {
    div#frw3i_landing-menu-title div[decoration] {           
        clip-path: polygon(0 0%, 0% 40%, 90% 40%, 90% 35%);
    }

    section#cta div#sector-2 div#title {
        font-size:30px; 
    }

    .bubble {        
        width:250px;
        height:250px;
        font-size:20px;
        padding:25px;
    }

    .bubble div#text-box {
        max-width:200px;    
    }
    
    .bubble div#text-box fort {
        font-size:23px;
    }

    section#cta div#sector-1 div#image-container {
        min-width:100px;
    }

    section#cta div#sector-1 img {
        min-width:125px; 
        left:0px;
    }
}

@media screen and (max-width:350px) {
    button {
        font-size:18px;
    }
    
    div#frw3i_landing-menu-items {
        width:100%;
        height:50px;
    }

    div#frw3i_landing-menu-title div[decoration] {           
        clip-path: polygon(0 0%, 0% 40%, 230px 40%, 230px 35%);
    }

    div#frw3i_landing-menu-items div {
        padding:0px;
        margin:0 auto;        
        width:100%;
        text-align:center;
    }

    .bubble {        
        width:200px;
        height:200px;
        font-size:16px;
    }

    .bubble div#text-box {
        max-width:150px;    
    }
    
    .bubble div#text-box fort {
        font-size:20px;
    }

    section#cta div#sector-1 img,
    section#presentation div#sector-2 img {       
        min-width:125px;   
    }
}